ES6 - let 命令

1、基本用法
ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在代码块内有效:

{
    let a = 10;
    var b = 1;
}
a // Uncaught ReferenceError: a is not defined
b // 1

上面代码在代码块中,分别用let和var 声明了两个变量。在代码块外调用这两个变量,结果let声明的变量报错,var声明的变量返回正确的值。这表明,let声明的变量只在它所在的代码块有效。
应用场景:
使用var:

var a=[];
for(var i=0;i<5;i++){
    a[i]=function(){
        console.log(i);
    }
}
a[0]() // 5
a[1]() // 5
a[2]() // 5
a[3]() // 5
a[4]() // 5

使用let:

var a=[];
for(let i=0;i<5;i++){
    a[i]=function(){
        console.log(i);
    }
}
a[0]() // 0
a[1]() // 1
a[2]() // 2
a[3]() // 3
a[4]() // 4

2、不存在变量声明提前
let不像var那样会发生‘声明提前’现象。所以,变量一定要声明后使用,否则报错。

console.log(foo); // undefined
console.log(bar); // Uncaught ReferenceError: bar is not defined
var foo=2;
let bar=2;

3、暂时性死区
只要块级作用于内存在let命令,它所声明的变量就‘绑定’这个区域,不受外部的影响。

var tmp=123;
if(true){
    tmp='abc'; // Uncaught ReferenceError: tmp is not defined
    let tmp;
}

上面代码中,存在全局变量tmp,但是块级作用域内let又声明了一个局部变量tmp,导致后者绑定这个块级作用域,所以在let声明变量前,对tmp赋值会报错。
ES6明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。
总之,在代码块内,使用let命令声明变量之前,该变量是不可用的。这在语法上,称为‘暂时性死区’(temporal dead zone,简称TDZ)。

if(true){
//TDZ开始
tmp='abc';
console.log(tmp); // Uncaught ReferenceError: tmp is not defined

let tmp;
console.log(tmp); // undefined

tmp=123;
console.log(tmp); //123
}

ES6规定暂时性死区和let、const语句不出现变量声明提前,主要是为了减少运行时错误,防止在变量声明前就是用这个变量,从而导致意料之外的行为。这样的错误在ES5是很常见的,现在有了这种规定,避免此类错误就很容易了。
总之,暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。
4、不允许重复声明
let不允许在相同作用域内,重复声明同一个变量。

function f(arg){
    let arg;    // 报错
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值