ES6

来源:互联网 发布:折线图数据单位不一样 编辑:程序博客网 时间:2024/05/16 09:31

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

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

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

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

使用let:

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

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

console.log(foo); // undefinedconsole.log(bar); // Uncaught ReferenceError: bar is not definedvar 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 definedlet tmp;console.log(tmp); // undefinedtmp=123;console.log(tmp); //123}

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

function f(arg){    let arg;    // 报错}
原创粉丝点击