二、let

let也可以声明变量，但和var操作符有很大的区别。

2.1 块级作用域

以下代码会报错，因为let声明的作用域，具有块级作用域，即被{}包裹的部分。

if (true) {

let a = 10;

}

console.log(a); // a is not defined

2.2 不可重复声明

以下代码，执行到let a = 2就会报错，因为变量a在当前块级作用域中已经被声明过了，不能重复声明。

if (true) {

let a = 1;

let a = 2; // SyntaxError: Identifier 'a' has already been declared

let a = 3;

}

另外，如果混用var和let声明变量，也是不允许的，下面的代码都会报错：

let a;

var a; // 报错

var a;

let a; // 报错

2.3 不存在变量提升（暂时性锁区）

使用let声明的变量，不能在声明之前访问它。

if (true) {

console.log(a); // ReferenceError: Cannot access 'a' before initialization

let a = 1;

}

实际上，JavaScript 也会注意出现在块后面的let声明，只不过在此之前不能以任何方式来引用未声明的变量。在let声明之前的执行瞬间被称为暂时性死区。

2.4 全局变量不会挂载到 window

和var不同，即使在全局作用域下，使用let声明的变量也不会挂载到window对象。

var a = 1;

let b = 2;

console.log(window.a === a); // true

console.log(window.b === b); // false

2.5 不依赖条件声明

if (typeof name === 'undefined') {

let name;

}

// name 被限制在 if {} 块的作用域内

name = 'Matt'; // 全局赋值

try {

console.log(age); // 如果 age 没有声明过，则会报错

} catch (error) {

let age;

}

// age 被限制在 catch {}块的作用域内

age = 26; // 全局赋值

三、 const

const的特点与let基本一致，但const有一些自己的特点。

3.1 声明变量时必须同时初始化

以下声明报错，因为声明的同时没有初始化变量。

const a; // Missing initializer in const declaration

3.2 不能修改声明后的变量

使用const定义了一个变量后，不能再更改它的值：

const a = 1;

a = 2; // TypeError: Assignment to constant variable

这里有一个误区，实际上，使用const声明的变量，不能修改的是内存地址！！

具体规则如下：

当const定义的常量为基本数据类型时，不能被修改。当const定义的常量为引用数据类型时，可以通过其属性进行数据修改。

基本数据类型的值就保存在内存地址中，所以const定义的基础数据类型不可被改变。 而引用数据类型指向的内存地址只是一个指针，通过指针来指向实际数据，也就是说，不可被改变的是指针，而不是数据，所以const定义的引用数据类型的常量可以通过属性来修改其数据。

例如，使用const定义了一个数组，虽然不能更改数据类型，但可以通过push等方法，修改这个数组中的数据。

const arr = [];

arr.push(1, 2, 3);

console.log(arr); // [ 1, 2, 3 ]

五、总结及最佳实践

通常，写 JavaScript 代码时，遵循以下原则：

不使用varconst优先，let次之

一道面试题：

for (var i = 1; i <= 5; i++) {

setTimeout(function () {

console.log(i);

}, 0);

}

答案：6 6 6 6 6