ES6 - let 命令

81 阅读 0 评论 54 点赞

我是靠谱客的博主友好大神，最近开发中收集的这篇文章主要介绍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不允许在相同作用域内，重复声明同一个变量。