在ES5中,顶层对象的属性与全局变量是等价的。
window.a = 1;
a // 1
a = 2;
window.a // 2
所以在ES6中,一方面规定,为了保持兼容性,var命令和function命令声明的全局变量,依旧是顶层对象的属性;另一方面规定,let命令、const命令、class命令声明的全局变量,不属于顶层对象的属性。
var a = 1;
window.a // 1
let b = 1;
window.b // undefined
(1) 针对第一条特性,给出对比代码如下:
var a = [];
for (var i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 10
var a = [];
for (let i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 6
在以上代码中,var定义的i,在全局范围内都有效,所以全局只有一个变量i;变量i是let声明的,当前的i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,JavaScript 引擎内部会记住上一轮循环的值,初始化本轮的变量i时,就在上一轮循环的基础上进行计算。另外针对for循环,
for (let i = 0; i < 3; i++) {
let i = 'abc';
console.log(i);
}
// abc
// abc
// abc
函数内部的变量i(在子作用域)与循环变量i(在父作用域)不在同一个作用域,有各自单独的作用域。
(2) 针对第二、三条特性,给出代码如下:
var tmp = 123;
if (true) {
tmp = 'abc'; // ReferenceError
let tmp;
}
只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域。所以上面代码中,先声明了一个全局变量tmp,但是块级作用域内let又声明了一个局部变量tmp,导致tmp绑定了块级作用域,又因为let声明的变量不存在变量提升,所以上一条语句对tmp赋值会报错。
const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。 对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指向实际数据的指针,const只能保证这个指针是固定的(即总是指向另一个固定的地址),至于它指向的数据结构是不是可变的,就完全不能控制了。
注意点: