let和const命令
不存在变量提升
var命令会发生“变量提升”的现象,即变量可以在声明之前使用,值为undefined。 按照一般逻辑,变量应该在声明语句之后才能使用
所以为了纠正这种现象,let命令改变了语法行为,它所声明的变量一定要在声明后使用,否则报错。
//var的情况,即脚本开始运行时,变量foo已经存在但是没有值——变量提升
console.log(foo); // 输出undefined
var foo = 2;
//let的情况,表示在声明它之前,变量bar是不存在的,如果要用它就会出错
console.log(bar); //报错ReferenceError
let bar = 2;
暂时性死区
只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响
var tmp = 123;
if(true){
tmp = 'abc';// ReferenceError
let tmp;
}
//存在全局变量tmp,但是块级作用域内let又声明了一个局部变量tmp
//后者绑定这个块级作用域,所以let声明变量前,对tmp赋值会报错。
ES6明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就行形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。总之,在代码快内,使用let命令声明变量之前,该变量都是不可用的。这在语法上成为“暂时性死区”
if(true){
//TDZ开始
tmp='abc';//ReferenceError
console.log(tmp);//ReferenceError
let tmp;//TDZ结束
console.log(tmp);//undefined
tom = 123;
console.log(tmp);//123
}
以上代码中,在let命令声明变量tmp之前,都属于变量tmp的“死区”
//“”暂时性死区“也意味着typeof不再是一个百分之百安全的操作”
typeof x;//ReferenceError
let x;
变量x使用let命令声明 ,所以在声明之前,都属于x的”死区”,只要用到该变量就会报错。
如果一个变量根本没有被声明,使用typeof反而不会报错。
变量一定要在声明之后使用,否则就报错
function bar(x=y,y=2){
return[x,y];
}
bar();//报错
//报错的原因:参数x默认值等于另一个参数y
//而此时y还没有声明,属于“死区”
//但是如果y的默认值是x,就不会报错,因为x已经声明了
function bar(x=2,y=x){
return[x,y];
}
bar();//2,2
使用let声明变量时,只要变量还没有声明完成前使用,就会报错。
ES6规定暂时性死区和let、const语句不出现变量提升,主要是为了减少运行时错误,防止在变量声明前就使用这个变量,从而导致意料之外的行为。这样的错误在ES5是很常见的,有了这个规定,避免此类错误就很容易了。
暂时性死区的的本质就是,只要一进入当前作用域,索要使用的变量就已经存在了,但是不可获取。只有等到声明变量的那一行代码出现,才可以获取和使用该变量
不允许重复声明
let不允许在相同作用域内,重复声明同一个变量
//报错
function func(){
let a=10;
var a=1;
}
//报错
function func(){
let a=10;
let a=1;
}
因此,不能在函数内部重新声明参数
function func(arg){
let arg;//报错
}
function func(arg){
{
let arg;//不报错
}
}