ES6 let 与 const

（1）let 与 var 的区别

[1]let 是在代码块内有效

{

        let a = 0;

        console.log(a);//  输出为0；

}

console.log(a);    //报错 ReferenceError: a is not defined

---

[2]var 在全局范围内有效

{

        let a = 1;

        var b = 2;

}

console.log(a);// 报错 ReferenceError: a is not defined

console.log(b);//输出2

---

[3]let 只能申明一次

let a = 1;

let a = 2;

console.log(a);

// 报错：Identifier 'a' has already been declared   同一个变量明只能申明一次

---

[4]var可以多次申明，但下面值的会顶替掉上面的值

var a = 2;

var a = 4;

console.log(a);   // 输出为4；

---

[5]for 循环很适合用let

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

                        setTimeout(function(){

                                     console.log(i);

})

}

// 会在控制台输出0-9；

---

[6]var则不太适用于for循环

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

         setTimeout(function(){

                   console.log(j);

             })

}

// 输出10个10；

---

变量 i 是用 var 声明的，在全局范围内有效，

所以全局中只有一个变量 i,

每次循环时，setTimeout 定时器里面的 i 指的是全局变量 i ，

而循环里的十个 setTimeout 是在循环结束后才执行，

所以此时的 i 都是 10。

变量 j 是用 let 声明的，当前的 j 只在本轮循环中有效，

每次循环的 j 其实都是一个新的变量，

所以 setTimeout 定时器里面的 j 其实是不同的变量，

即最后输出 12345。（若每次循环的变量 j 都是重新声明的，

如何知道前一个循环的值？

这是因为 JavaScript 引擎内部会记住前一个循环的值）。

---

[7]let 不存在变量提升

console.log(a);
let a = 'oppo';

变量 a 用 let 声明不存在变量提升，在声明变量 a 之前，a 不存在，所以会报错

[8]var会变量提升

console.log(b);
var b = 'vivo';
// 变量 b 用 var 声明存在变量提升，所以当脚本开始运行的时候，
// b 已经存在了，但是还没有赋值，所以会输出 undefined。

(2)const命令

// const 声明一个只读变量，声明之后不允许改变。
// 意味着，一旦声明必须初始化，否则会报错。

const o = 'pi';
console.log(o);

!!!!!!!素材来源菜鸟教程