阅读《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; //不报错
}
}
未完待续