【面试必问题】：let和var的用法，特点，原理和优点

面试经典题：let和var的用法，特点，原理和优点

• let   一般用于声明变量，而且所声明的变量，只在let命令所在的代码块内有效，它的值可以修改。
• var 声明的变量，在所在的块区域范围内都有效，所在的块区域只有一个变量 。

for (let i = 0; i < 10; i++) {}
console.log(i);// ReferenceError: i is not defined

var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 10 
// 变量i是var命令声明的，在全局范围内都有效，所以全局只有一个变量i。每一次循环，变量i的值都会发生改变，所以最终输出 10

var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 6
// 变量i是let声明的，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量，
所以最后输出的是6。你可能会问，如果每一轮循环的变量i都是重新声明的，那它怎么知道上一轮
循环的值，从而计算出本轮循环的值？这是因为 JavaScript 引擎内部会记住上一轮循环的值，
初始化本轮的变量i时，就在上一轮循环的基础上进行计算。
另外，for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。

• let 不能重复声明同一个变量。
• var  如果存在多个相同的变量，最后一个会覆盖前面的变量

let i = 'a';
let i = 'b';
//Uncaught SyntaxError: Identifier 'i' has already been declared
//未捕获语法错误：标识符“i”已经被声明

• var命令会发生”变量提升“现象，即变量可以在声明之前使用，值为undefined。这种现象多多少少是有些奇怪的，按照一般的逻辑，变量应该在声明语句之后才可以使用。
• 为了纠正这种现象，let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。

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

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

• 暂时性死区：只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。

• ES5 只有全局作用域和函数作用域，没有块级作用域，这带来很多不合理的场景。第一种情景，内层变量可能会覆盖外层变量。
• let实际上为 JavaScript 新增了块级作用域。

第二种场景，用来计数的循环变量泄露为全局变量。

块作用域：

原理和优缺点在下面这边文章有说到，道理是一样的。

面试经典题：const的用法，特点，原理和优点