ES6学习笔记1- let 和 const

阅读《ES6标准入门》（第三版）阮一峰著的笔记

Chapter2. let 和 const命令

目录结构 2.1 let命令

2.2 块级作用域

2.3 const命令

2.1 let命令

2.1.1 基本用法

let所声明的变量只在let命令所在的代码块中有用。

for循环中的计数器就很适合使用let: for(let i=0; i<10; i++){ } i只在for循环体中有用。

eg: 若使用var

var a =[ ];

for(var i=0; i<10; i++) {

a[i] = function () {

console.log(i);

};

}

a[6](); //输出10

解释：

上述代码中i是var声明的，全局变量中有效，所以全局中只有1个i，被赋值给数组a的每一个log(i)中的i都指向同一个全局i，导致输出的是运行完最后一轮的i值（10）。

若使用let，则会输出6。每轮循环的i都是一个新的变量。

2.1.2 不存在变量提升

var的变量提升现象：变量可以在声明之前使用，值为undefined。

let不存在该现象：即变量必须在声明之后使用，否则会报错。

eg:

//使用var

console.log(a); //输出undefined

var a = 2;

//使用let

console.log(b); //输出ReferenceError , b是不存在的。

var b = 2;

2.1.3 暂时性死区

暂时性死区（TDZ): 代码块内，使用let命令声明变量前，该变量都是不可用的。

if(true){ //TDZ开始

tmp = 'abc'; //ReferenceError

console.log(tmp); //ReferenceError

let tmp; //let声明，TDZ结束

console.log(tmp); //undefined

tmp = 123;

console.log(tmp); //123

}

隐蔽的死区：

function bar(x = y, y = 2) {

return [x,y];

}

bar(); //报错 x=y, 而y还未声明，属于死区

另外：

var x = x; //不报错

let x = x; //报错，也是TDZ

暂时性死区的本质是：进入当前作用域，所要使用的变量已经存在，但是不可获取，只有等到声明变量的那一行代码出现，才可以获取和使用变量。

2.1.4 不允许重复声明

let不允许在相同作用域内重复声明同一个变量。

eg1:

function() {

let a = 10;

var a = 1;

} //报错

eg2:

function() {

let a = 10;

let a = 1;

} //报错

eg3:

function func(arg) {

let arg; //报错

}

eg4: