为什么要新增let
var name = ‘yinxu‘
if(true){
var name = ‘work‘
console.log(name); //work
}
console.log(name); //work
let a = [];
//这是一个父作用域
for (let i = 0; i < 10; i++) { //这是一个子作用域一共产生10次
a[i] = function () { //当前的i只在本轮循环有用
console.log(i);
};
}
a[6](); // 6
console.log(faa); //undefined
var faa = 10
console.log(foo) //Uncaught ReferenceError: foo is not defined
let foo = 1
var tmp = 123
if(true){
tmp = ‘abc‘ //VM159:3 Uncaught ReferenceError: Cannot access ‘tmp‘ before initialization
let tmp;
}
es6明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量从一开始就形成了 封闭作用域。凡是在声明之前就使用这些变量,对tmp会报错。 总之,在代码块内使用let命令声明变量之前,该变量都是不可用的,这在语法上称为暂时性死区
if(true){
tmp = ‘aaa‘;
console.log(tmp); //报错
let tmp;
console.log(tmp); //undefined
tmp = 123;
console.log(tmp); //123
}
一些死区比较隐蔽,不太容易发现
function bar (x=y,y=2){
return [x,y]
}
bar() //VM164:1 Uncaught ReferenceError: Cannot access ‘y‘ before initialization
上述代码中之所以会报错就是因为x默认等于y,而此时y还没有声明,属于死区。
但是如果这么写就不会报错
function bar(x=2,y=x) {
return[x,y]
}
bar() //[2,2]
总之,暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。
function func() { let a = 10 var a = 1 }
原文:https://www.cnblogs.com/code-klaus/p/15158380.html