ES6入门教程笔记(2)-let、const和var的区别

1 let命令

ES6新增了let命令，用来声明变量。它的用法和var类似，但有以下几点区别：

• let声明的变量，只在所在的代码块内有效。
• let声明的变量，一定要在声明后才能使用，否则报错。
• 不允许在相同作用域内，重复声明同一个变量。

2 块级作用域

ES5只有全局作用域和函数作用域，没有块级作用域。

let实际上新增了块级作用域的概念，块作用域由 { } 包括，if语句和for语句里面的{ }也属于块作用域。

function f1() {
    let n = 3;
    if (true) {
        let n = 100;
        console.log(n); // 100
    }
    console.log(n); // 3
}

3 const命令

const的用法和作用域和let一样，但是const用来声明一个只读的常量，而且在声明时就必须立即初始化，不能留到后面再赋值。

const PI = 3.14159;
PI // 3.14159

PI = 10; // TypeError

const实际上保证的，只是变量指向的内存地址不能改动。

对于简单类型的数据（数值、字符串），值就保存在那个内存地址，因此等同于常量。但对于复合类型的数据（对象和数组），变量保存的只是一个指向实际数据的指针，这个指针保证固定不变，但指针指向的数据内存是不是可以改变，就不能控制了。

const foo = {};

// 成功添加一个属性
foo.prop = 123;
foo.prop // 123

// 指向另一个对象，就会报错
foo = {}; // TypeError

ES6声明变量的六种方法

ES5 只有两种声明变量的方法：var命令和function命令。

ES6 除了添加let和const命令，还有另外两种声明变量的方法：import命令和class命令。所以，ES6 一共有 6 种声明变量的方法。

4 顶层对象的属性

顶层对象，在浏览器环境指的是window对象，在 Node 指的是global对象。ES5 之中，顶层对象的属性与全局变量是等价的。

windows.a = 1;
a // 1

a = 2; 
window.a // 2

ES6 为了改变这一点，一方面规定，为了保持兼容性，var命令和function命令声明的全局变量，依旧是顶层对象的属性；另一方面规定，let、const、class命令声明的全局变量，不属于顶层对象的属性。

也就是说，从 ES6 开始，全局变量将逐步与顶层对象的属性脱钩。

var a = 1;
window.a // 1

let b = 1;
window.b // undefined

注：本文原始内容来自 ES6标准入门，有修改。