ES6 var 、let 和 const 区别

1. var

• var 定义的变量可以修改，如果不初始化会输出undefined，不会报错；

• 在相同作用域里，可以重复声明同一个变量;

• 会声明提升；（ if 内的 {} 不是作用域）

2. let

• let是块级作用域，函数内部使用let 定义后，对函数外部无影响；

• 在相同作用域里，不可以重复声明同一个变量；

• 声明的变量不会存在变量提升；（ if 内的 {} 是作用域 ）

• “暂时性死区”，在代码块内，使用let命令声明变量（或者const声明常量）之前，该变量（常量）都是不可用的。

底层原理：

1.在底层自动被翻译为匿名函数自调；

2.变量自动改名，比如 let t = XX => var _t = XX

3.const

• const 定义的变量不可修改，而且必须初始化，不能用null 占位；

• 在相同作用域里，不可以重复声明同一个变量；

• 声明的变量不会存在变量提升；

• 声明的是复杂类型数据，可以修改属性；

面试题：

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

    setTimeout(function() {

        console.log(i);

    }, 1000);

}

//这个例子执行完输出什么结果？

//答案是 5,5,5,5,5

//如果想要输出0,1,2,3,4改怎么实现？

//其中一种方案就是把var换成let就可以了。let的块级作用域在这里就体现出来了。

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

    setTimeout(function() {

        console.log(i);

    }, 1000);

}