ES6中let和var的区别

最新推荐文章于 2025-04-11 21:28:13 发布

转载最新推荐文章于 2025-04-11 21:28:13 发布 · 119 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lmjZone/p/8521562.html

本文深入探讨JavaScript中var与let定义变量的区别，包括作用域、变量提升现象及重复声明的处理方式。通过具体示例，阐述了两者在块级作用域、函数作用域中的行为差异，以及对代码调试与理解的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过var定义的变量，作用域是整个封闭函数，是全域的。

通过let定义的变量，作用域是在块级或是子块中。

for (var i = 0; i < 10; i++) {
  // ...
}
console.log(i);  // 10

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

变量提升现象：浏览器在运行代码之前会进行预解析，首先解析函数声明，定义变量，解析完之后再对函数、变量进行运行、赋值等。
- 不论var声明的变量处于当前作用域的第几行，都会提升到作用域的头部。
- var 声明的变量会被提升到作用域的顶部并初始化为undefined(声明且初始化)，而let声明的变量在作用域的顶部未被初始化(只声明，不初始化)

var的情况：

console.log(foo); // 输出undefined
var foo = 2;
//相当于
var foo;  //声明且初始化为undefined
console.log(foo);// 输出undefined
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'; // ReferenceError
  let tmp;
}
alert(tmp);  //输出值为123，全局tmp与局部tmp不影响
```

let不允许在相同作用域内，重复声明同一个变量。

// 报错
function () {
  let a = 10;
  var a = 1;
}
// 报错
function () {
  let a = 10;
  let a = 1;
}

转载于:https://www.cnblogs.com/lmjZone/p/8521562.html