Es6 中let var和 const 了解

1. let 声明的变量只在它所在的 代码块 有效，超出范围去引用会报错。   var 命令声明的变量，在全局范围内都有效。

2.  var命令会发生”变量提升“现象，即变量可以在声明之前使用，值为undefined。  let声明的变量一定要在声明后使用，否则报错。


3. 代码块内 提前 使用let命令声明变量  ，该变量都是不可用的。这在语法上，称为“暂时性死区”。const 也同样如此。

　　比如：　　 typeof x;    //   提前 使用let命令声明变量 ，都会报错。

　　　　　　 let x;

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

5.  const声明的变量必须立即初始化，且不能改变其值。 const声明的数组，可以给其数组赋值。不能改变类型。（也就是  变量 存储在内存中的地址 不可以改变）

 

 

理解第  1 点代码：

var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 10

此处我是这样理解的： for循环设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。
　　　　　　　　　　　当for循环执行到 i=9 循环条件成立，执行循环体。然后i++ ,i = 10 了,条件不成立循环终止；注意此时全局变量 i 已经确定为 10 .
　　　　　　　　　　　故当 在for循环外边调用函数的时候，执行  console.log(i); 永远都是打印10.

var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 6

此处我是这样理解的： 变量i是let声明的，当前的i只在本轮循环有效，故每次循环 中 i 变量都是一个新的变量。
 JavaScript 引擎内部会记住上一轮循环的值，初始化本轮的变量i时，就在上一轮循环的基础上进行计算。

下面两个例子更加容易理解 let 和 var

      for (var i = 0; i < 10; i++) {
            console.log(i);
        }
        console.log(i);

打印结果： for循环打印 0-9;  第四行 打印 10；

　　　for (let i = 0; i < 10; i++) {
            console.log(i);
        }
        console.log(i);

打印结果： for循环打印 0-9;  第四行 报错 i is not defined ；

 

理解第  2 点代码：

// var 的情况
console.log(foo); // 输出undefined
var foo = 2;

// let 的情况
console.log(bar); // 报错ReferenceError
let bar = 2;