let,var区别

本文深入探讨JavaScript中var与let定义变量的区别,包括变量作用域、提升现象及重复声明的处理方式。同时,讲解const定义常量的特性。
  • 通过var定义的变量,作用域是整个封闭函数,是全域的 。通过let定义的变量,作用域是在块级或是子块中。

for (let i = 0; i < 10; i++) { // ... } console.log(i); // ReferenceError: i is not defined //计数器i只在for循环体内有效,在循环体外引用就会报错。

 

  • 变量提升现象:浏览器在运行代码之前会进行预解析,首先解析函数声明,定义变量,解析完之后再对函数、变量进行运行、赋值等。 

-不论var声明的变量处于当前作用域的第几行,都会提升到作用域的头部。 

-var 声明的变量会被提升到作用域的顶部并初始化为undefined,而let声明的变量在作用域的顶部未被初始化

// var 的情况 console.log(foo); // 输出undefined var foo = 2; //相当于 var foo; //声明且初始化为undefined console.log(foo); foo=2;

// let 的情况 console.log(bar); // 报错ReferenceError let bar = 2; //相当于在第一行先声明bar但没有初始化,直到赋值时才初始化

但是直接用let声明变量不赋值是会打印undefined,还是初始化了,只是let声明放在赋值之后,let声明会提前但不会初始化。

let a; alert(a);//值为undefined alert b;//会报错 let b;

  • 只要块级作用域内存在let命令,它所声明的变量就“绑定”这个区域,不再受外部的影响。总之,在代码块内,使用let命令声明变量之前,该变量都是不可用的,尽管代码块外也存在相同全局变量。

var tmp = 123; if (true) { tmp = 'abc'; let tmp; } alert(tmp); //输出值为123,全局tmp与局部tmp不影响

 

  • let不允许在相同作用域内,重复声明同一个变量。 // 报错 function () { let a = 10; let a = 1; }

 

const定义常量,不能更改名称;若是对象,不能更改键的名称,可以更改键值

 

在JavaScript中,`let`和`var`都是用于声明变量的关键字,但它们之间存在一些重要的区别: ### 作用域 `var`具有函数作用域,在函数里使用`var`声明了一个变量,那么这个变量在整个函数内都是有效的,例如在`for`循环里用`var`声明一个变量,在`for`循环外也是可以使用的。而`let`具有块级作用域,只在作用域里有效,例如在`for`循环里用`let`声明一个变量,在`for`循环外面是不能被访问的。示例代码如下: ```javascript // 使用var声明变量 for (var i = 0; i < 10; i++) { // 代码块 } console.info(i); // 打印:10 // 使用let声明变量 for (let j = 0; j < 10; j++) { // 代码块 } console.info(j); // 报错:j is not defined ``` 上述示例体现了`var`和`let`在作用域方面的差异,`var`声明的变量在循环外部依然可访问,而`let`声明的变量仅在循环内部有效[^1][^3]。 ### 变量提升 `var`存在变量提升的特性,即使用`var`声明的变量会被提升到当前作用域的顶部,可以在声明之前访问,只是值为`undefined`。而`let`不存在变量提升,在声明之前访问`let`声明的变量会导致引用错误(ReferenceError)。示例代码如下: ```javascript // 使用var声明变量 console.log(a); // 输出:undefined var a = 10; // 使用let声明变量 console.log(b); // 报错:ReferenceError: Cannot access 'b' before initialization let b = 20; ``` ### 重复声明 `var`允许在同一作用域内重复声明同一个变量,后面的声明会覆盖前面的声明。而`let`不允许在同一作用域内重复声明同一个变量,否则会导致语法错误(SyntaxError)。示例代码如下: ```javascript // 使用var重复声明变量 var c = 30; var c = 40; console.log(c); // 输出:40 // 使用let重复声明变量 let d = 50; let d = 60; // 报错:SyntaxError: Identifier 'd' has already been declared ``` ### 循环中的行为 在循环中,`var`声明的变量会受到闭包的影响,而`let`声明的变量在每次迭代时都会创建一个新的绑定。示例代码如下: ```javascript // 使用var声明变量 for (var k = 0; k < 3; k++) { setTimeout(function() { console.log(k); // 输出:3 3 3 }, 0); } // 使用let声明变量 for (let m = 0; m < 3; m++) { setTimeout(function() { console.log(m); // 输出:0 1 2 }, 0); } ``` 在上述代码中,使用`var`声明的变量`k`在循环结束后才执行`setTimeout`函数,此时`k`的值已经变为`3`,所以输出都是`3`。而使用`let`声明的变量`m`在每次迭代时都会创建一个新的绑定,因此`setTimeout`函数能够正确输出每次迭代的值[^2]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值