es6 let使用总结

中午偷个闲作个es6let的使用总结

做用域块

• 在做用域块中声明的变量不受外部的影响,见例子

{
let a= 10;
{
let a= 20;
console.log('子做用域', a);// 20
}
console.log('父做用域', a);// 10
}

• let声明的变量只在let命令所在的代码块中有效，见例子

// 例子一
{
let a= 10;
var b= 20;
}
console.log(a)  // ReferenceError: a is not defined.会报引用错误
console.log(b)  // 20 

//例子二
// 使用var声明，则会提高为外层变量，次例子中的i提高为外层变量，也就是提高到上一个执行上下文
var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 循环执行完后，i被赋值为10，因此最终结果为10

// 使用let申明i，当前的i只在本轮循环有效，因此每一次循环的i其实都是一个新的变量，因此最后输出的是6
// for循环还有一个特别之处，就是设置循环变量的那部分是一个父做用域，而循环体内部是一个单独的子做用域
var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 6

• ES6 的块级做用域容许声明函数的规则，只在使用大括号的状况下成立，若是没有使用大括号，就会报错。
• 考虑到环境致使的行为差别太大，应该避免在块级做用域内声明函数。若是确实须要，也应该写成函数表达式，而不是函数声明语句

'use strict';
{
if (true) // 报错
function func() {

}
}

---

没有变量提高（这个好理解就不说了）

---

暂时性死区（借用阮一峰老师的说辞）

• 在使用let声明以前，该变量是不可以使用的，否则会报错,见栗子：

{
let a= 10;
{
// 在该做用域里面，a尚未声明完成
console.log(a); // ReferenceError: a is not defined
let a= 20;   // 若是这里不声明就不会报错，则a引用的是父做用域的a
console.log(a); // 20
}
}

---

不容许在做用域内重复申明同一个变量，见例子

// 报语法错误
{
let a= 10;
let a= 20; 
}
// 因此不能在函数内部从新声明参数
function func(arg) {
let arg= 20;
}

意义

• ES6 规定暂时性死区和let、const语句不出现变量提高， 主要是为了减小运行时错误，防止在变量声明前就使用这个变量，从而致使意料以外的行为
• 内部变量可能覆盖外层变量

var a= 10;
function func(){
console.log(a);  // undefined
if(false) {
var a= 20; // 在该执行上下文里，'变量对像'建立的过程当中会作变量提高,肯定做用域链，因此console时输出的是内部这个a，并不会改变外层的a，至关于从新申明了一个变量a，指向不一样于外层a变量的栈内存的地址，也因为不一样的执行上下文，不一样的变量对像
}
}
func() 
console.log('外层a',a)  // 10