【前端每日基础】day2 const var const的区别

var: 在早期的 JavaScript 中,var 是声明变量的唯一方式。它有以下特点:
var 声明的变量是函数作用域(function-scoped),而不是块作用域(block-scoped),这意味着它们在整个函数内部都是可见的。
可以在声明变量之前使用(变量提升),这可能会导致一些意外的行为。

变量提升是 JavaScript 中的一种特性,它允许在声明变量之前对变量进行访问。具体来说,当使用 var 声明变量时,JavaScript 引擎会在代码执行之前将变量的声明“提升”到当前作用域的顶部,而不管实际的声明语句是在哪里。这意味着你可以在变量声明之前引用变量,而不会抛出错误。
for example:

console.log(x); // undefined
var x = 10;

在这个例子中,虽然 console.log(x) 在 var x = 10; 之前,但不会抛出错误。这是因为变量声明被提升到了作用域的顶部,实际上相当于如下的代码:

var x;
console.log(x); // undefined
x = 10;

尽管变量提升在某些情况下可能有用,但它也可能导致一些意外的行为,尤其是对于初学者。例如,变量提升可能导致在预期之外使用变量的值,因为变量的实际赋值语句可能在预期之后执行。这可能会引发 bug 和难以调试的代码。

因此,建议在声明变量之前就使用变量可能会导致代码难以理解和维护,所以在现代 JavaScript 中,推荐使用 let 和 const 关键字来声明变量,因为它们不会导致变量提升,也可以帮助减少意外的行为。

let: let 是 ES6 引入的新的声明变量的方式。它修复了 var 的一些问题,具有以下特点:
let 声明的变量是块作用域的,只在声明的块级作用域内有效,这通常是一对花括号 {}。
不允许变量提升,必须先声明后使用。

块作用域(block scope)是指变量在指定的代码块内可见和可访问的范围。在 JavaScript 中,使用 let 和 const 关键字声明的变量具有块作用域。

一个块(block)通常指的是一对花括号 {} 包裹起来的一段代码,比如一个函数体、一个 if 语句块、一个循环体等等。在这个块内部声明的变量,在块外部是不可见的。
such as:

{
    let x = 10;
    console.log(x); // 输出 10
}

console.log(x); // 报错:x is not defined

在这个例子中,变量 x 是在一个块(由大括号 {} 包围)内部声明的,它只在这个块内部可见。因此,当我们在这个块外部尝试访问 x 时,会得到一个 “x is not defined” 的错误,因为 x 不在这个作用域内。

因此,块作用域就是指变量的可见范围限定在当前的代码块内部,超出了这个范围就无法访问这个变量。这与之前 JavaScript 中只有函数作用域的 var 声明方式形成了对比。

const: const 也是 ES6 引入的新的声明变量的方式,与 let 类似,但有以下不同:
const 声明的是常量,意味着它们的值不能再重新赋值。但请注意,对于复杂类型(如数组和对象),虽然不能重新分配整个变量,但可以修改其内容。
像 let 一样,const 也是块级作用域的。

复杂类型(也称为引用类型)指的是 JavaScript 中的对象(Object)和数组(Array)。相对于简单类型(例如数字、字符串、布尔值等),复杂类型可以存储更多的数据,并且可以通过引用来访问和修改。

在 JavaScript 中,变量可以存储两种类型的值:简单值(例如数字、字符串、布尔值)和复杂值(例如对象和数组)。简单值是按值传递的,而复杂值是按引用传递的。

const 关键字用于声明常量,它意味着常量的值在声明后不能被重新赋值。例如:

const PI = 3.14;
PI = 3.14159; // TypeError: Assignment to constant variable.

在这个例子中,我们尝试重新赋值常量 PI,但由于使用了 const 关键字声明,因此会抛出类型错误(TypeError)。

但对于复杂类型(对象和数组),const 声明的常量只保证变量指向的内存地址不会改变,但并不保证该内存地址中的内容不会改变。这意味着,尽管不能重新分配整个变量,但是可以修改其内容。

const myArray = [1, 2, 3];
myArray.push(4); // 可以修改数组的内容
console.log(myArray); // 输出 [1, 2, 3, 4]

在这个例子中,myArray 是一个数组常量,我们不能将其重新赋值为另一个数组,但是可以修改该数组的内容,例如向数组中添加新元素。这是因为 const 只能保证变量的引用不变,而不是变量指向的对象或数组的内容不变。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/607511.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

FebHost:什么是域名DNS服务器?

域名服务器是一种将域名转换为IP地址的计算机。在域名系统(DNS)中,它起着至关重要的作用。用户只需在浏览器的地址栏输入域名,而无需手动输入网站服务器的IP地址,就可以访问网站。 每个已注册的域名都必须在其DNS记录…

Java基于B/S医院绩效考核管理平台系统源码java+springboot+MySQL医院智慧绩效管理系统源码

Java基于B/S医院绩效考核管理平台系统源码javaspringbootMySQL医院智慧绩效管理系统源码 医院绩效考核系统是一个关键的管理工具,旨在评估和优化医院内部各部门、科室和员工的绩效。一个有效的绩效考核系统不仅能帮助医院实现其战略目标,还能提升医疗服…

HFSS学习-day2-T形波导的优化设计

入门实例–T形波导的内场分析和优化设计 HFSS--此实例优化设计 优化设计要求1. 定义输出变量Power31、Power21、和Power11,表示Port3、Port2、Port1的输出功率2.参数扫描分析添加扫描变量和输出变量进行一个小设置添加输出变量进行扫描分析 3. 优化设计&#xff0c…

第十篇:数字堡垒:操作系统安全深度解析与实战指南

数字堡垒:操作系统安全深度解析与实战指南 1 *引言 1.1 数字世界的守护者 在遥远的比特海中,有一座名为“操作系统”的数字堡垒,它守护着我们的数据宝藏,确保每一次计算的航行都能安全抵达彼岸。然而,这片海域并非风…

Javaweb第五次作业

poet数据库sql语言 create table poet(id int unsigned primary key auto_increment comment ID,name varchar(10) not null comment 姓名,gender tinyint unsigned not null comment 性别, 说明: 1 男, 2 女,dynasty varchar(10) not null comment朝代,title varchar(20) not…

Flume进阶

目录 第1关:拦截器的使用 第2关:自定义拦截器 第1关:拦截器的使用 代码文件: # Define source, channel, sink #agent名称为a1# Define source #source类型配置为avro,监听8888端口,后台会自动发送数据到该端口 #拦截后…

248 基于matlab的GA-RBF神经网络预测

基于matlab的GA-RBF神经网络预测,遗传算法优化来训练RBF网络权值,RBF优化后的结果用于预测。输出真实值、RBF预测结果、GA-RBF预测结果,并进行对比。程序已调通,可直接运行。 248 RBF神经网络 GA-RBF 时间序列预测 - 小红书 (xiao…

OpenSSL实现AES的ECB和CBC加解密,可一次性加解密任意长度的明文字符串或字节流(QT C++环境)

本篇博文讲述如何在Qt C的环境中使用OpenSSL实现AES-ECB/CBC-Pkcs7加/解密,可以一次性加解密一个任意长度的明文字符串或者字节流,但不适合分段读取加解密的(例如,一个4GB的大型文件需要加解密,要分段读取,…

Linux-笔记 i2c-tools

1、i2c-tools介绍 1、在日常linux开发中,有时候需要确认i2c硬件是否正常连接,设备是否正常工作,设备的地址是多少等等,这里我们就需要使用一个用于测试I2C总线的工具——i2c-tools,i2c-tools原理是通过操作/dev 路径 …

JavaScript之数据类型(2)——复杂类型(object)

object的介绍: 我对于object的理解是和C/C中的结构体一样,是一个自定义的数据类型,我们可以通过多个简单的数据类型来定义一个便于我们使用的新的数据类型。 在网上某佬对于其解释如下: Object类型,我们也称为一个对象…

Redis学习5——Redis应用之签到

Redis位图bitMap 位图由一系列二进制位组成,每个位可以被设置为1或0,当我们在处理需要高效存储和操作大量二进制位数据的适合,位图是一个非常有用的工具。 位图操作命令有: SETBIT:设置位图中指定位置的位的值。可以…

3.ERC4626

ERC4626是一个vault,在DAI中,使用ETH换取DAI。其流程为先充值ETH到maker vault。 Vault 资产的管理、分红用户充值某项资产获取某个凭证该凭证作为分红、推出的依据Yield Farming/借贷/质押等 以太坊改进提案EIP:ethereum improvemwnt proposal 最初E…

Mysql8.0.30一次表锁问题的解决

起因 给material_config_field_data表的字段建立全文索引的时,发现该表卡死,然后无法对该表进行任何操作。 查找问题 执行sql #这个命令会显示InnoDB存储引擎的详细状态信息,包括锁等待和锁争用的信息 SHOW ENGINE INNODB STATUS结果 复制S…

​Inf-DiT:Upsampling Any-Resolution Image、Vidu、MVDiff、Trio-ViT

本文首发于公众号:机器感知 ​Inf-DiT:Upsampling Any-Resolution Image、Vidu、MVDiff、Trio-ViT Inf-DiT: Upsampling Any-Resolution Image with Memory-Efficient Diffusion Transformer Diffusion models have shown remarkable performance in im…

树莓派4-使用systemctl设置开机自启oled播放服务ip地址与logo

一、目标: 开机自启oled显示服务ip与端口,并播放logo 二、过程: 1、出现luma库不存在问题,修改.service文件,增加用户与用户组。在本地测试过程中可以使用python script.py执行python脚本,所以将.servic…

java递归-(迷宫问题)

前面 这里我们来玩个有趣的事情,链接是0221_韩顺平Java_老鼠出迷宫1_哔哩哔哩_bilibili 我们要找的是小老鼠按路径走到右下点 要点 我们这里方法调用时对于引用类型:如java中引用数据类型有哪些?_java引用数据类型-CSDN博客 会共享引用类型…

斯坦福大学的在线密码学课程

密码学是保护计算机系统信息不可或缺的工具。在本课程中,您将了解密码系统的内部工作原理,以及如何在实际应用中正确使用它们。课程首先将详细讨论当强大的对手窃听和篡改流量时,拥有共享密钥的双方如何进行安全通信。我们将研究许多已部署的…

部署Gerapy

1.Gerapy 是什么? Gerapy 是一款基于 Python 3 的分布式爬虫管理框架,它旨在简化和优化分布式爬虫的部署、管理和监控过程。 2.作用与功能? 2.1分布式管理: Gerapy 允许用户在多台机器上部署和管理Scrapy爬虫,实现爬虫…

【计算机毕设】小型企业办公自动化系统+vue - 免费源码(私信领取)

免费领取源码 | 项目完整可运行 | v:chengn7890 诚招源码校园代理! 1. 研究目的 本项目旨在设计并实现一个小型企业办公自动化系统,利用Vue作为前端框架,为企业员工提供便捷的办公管理工具,提升…

基于51单片机的八路抢答器—加随机抽选功能

基于51单片机的八路抢答器 (仿真+程序原理图+设计报告) 功能介绍 具体功能: 1.主持人按键控制开始抢答; 2.开始抢答按下,数码管20秒倒计时; 3.8个按键代表八位选手,谁…
最新文章