参考阮一峰的ES6入门:http://es6.ruanyifeng.com/#docs/let
一、let命令
let命令用来声明变量,用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。
{
let a=10;
var b=1;
}
a;// ReferenceError: a is not defined.
b;//1
for循环的计数器就很合适使用let命令:
比如下面的代码如果使用var,最后输出的是10。
var a = [];
for (var i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 10
而如果使用let,声明的变量仅在块级作用域内有效,最后输出的是6。
var a = [];
for (let i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 6
i是let声明的,当前i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,所以最后输出的是6。
暂时性死区:如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。
if (true) {
// TDZ开始
tmp = 'abc'; // ReferenceError
console.log(tmp); // ReferenceError
let tmp; // TDZ结束
console.log(tmp); // undefined
tmp = 123;
console.log(tmp); // 123
}
不允许重复声明:let不允许在相同作用域内,重复声明同一个变量。
二、块级作用域
- 在内层作用域和外层作用域可以定义同名的变量。
- 块级作用域可以任意嵌套:{{{{{let insane = 'Hello World'}}}}};
- 函数声明:
ES6允许在块级作用域内声明函数。
函数声明类似于var,即会提升到全局作用域或函数作用域的头部。
函数声明还会提升到所在的块级作用域的头部。
- do表达式:可以得到整个块级作用域的返回值。
const声明一个只读的常量。一旦声明,常量的值就不能改变。
注意:对于const来说,只声明不赋值,就会报错。
- const的作用域与let命令相同:只在声明所在的块级作用域内有效。
- const命令声明的常量也是不提升,同样存在暂时性死区,只能在声明的位置后面使用。
- const声明的常量,也与let一样不可重复声明。
const命令只是保证变量名指向的地址不变,并不保证该地址的数据不变,所以将一个对象声明为常量必须非常小心。
const foo = {};
foo.prop = 123;
foo.prop
// 123
foo = {}; // TypeError: "foo" is read-only