阅读《ES6标准入门》（第三版） 阮一峰著 的笔记
Chapter2. let 和 const命令
目录结构 2.1 let命令
2.2 块级作用域
2.3 const命令
2.1 let命令
2.1.1 基本用法
let所声明的变量只在let命令所在的代码块中有用。
for循环中的计数器就很适合使用let: for(let i=0; i<10; i++){ } i只在for循环体中有用。
eg: 若使用var
var a =[ ];
for(var i=0; i<10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); //输出10
解释：
上述代码中i是var声明的，全局变量中有效，所以全局中只有1个i，被赋值给数组a的每一个log(i)中的i都指向同一个全局i，导致输出的是运行完最后一轮的i值（10）。
若使用let，则会输出6。每轮循环的i都是一个新的变量。
2.1.2 不存在变量提升
var的变量提升现象：变量可以在声明之前使用，值为undefined。
let不存在该现象：即变量必须在声明之后使用，否则会报错。
eg:
//使用var
console.log(a); //输出undefined
var a = 2;
//使用let
console.log(b); //输出ReferenceError , b是不存在的。
var b = 2;
2.1.3 暂时性死区
暂时性死区（TDZ): 代码块内，使用let命令声明变量前，该变量都是不可用的。
if(true){ //TDZ开始
tmp = 'abc'; //ReferenceError
console.log(tmp); //ReferenceError
let tmp; //let声明，TDZ结束
console.log(tmp); //undefined
tmp = 123;
console.log(tmp); //123
}
隐蔽的死区：
function bar(x = y, y = 2) {
return [x,y];
}
bar(); //报错 x=y, 而y还未声明，属于死区
另外：
var x = x; //不报错
let x = x; //报错，也是TDZ
暂时性死区的本质是：进入当前作用域，所要使用的变量已经存在，但是不可获取，只有等到声明变量的那一行代码出现，才可以获取和使用变量。
2.1.4 不允许重复声明
let不允许在相同作用域内重复声明同一个变量。
eg1:
function() {
let a = 10;
var a = 1;
} //报错
eg2:
function() {
let a = 10;
let a = 1;
} //报错
eg3:
function func(arg) {
let arg; //报错
}
eg4:
function func(arg) {
{
let arg; //不报错
}
}
未完待续
网友评论