Es6中let与var区别

区别一：作用域

let用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。

for (let i = 0; i < 10; i++) {
  // ...
}   //let与for完美搭配，只在循环体内有效

function f1() {
  let n = 5;
  if (true) {
    let n = 10;
  }
  console.log(n); // 5
}//外层代码不受内层代码的影响

例：

{
  let a = 10;
  var b = 1;
}

var

var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 10,所有数组a的成员里面的i，指向的都是同一个i

let

var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 6 ,当前的i只在本轮循环有效,每一次循环的i其实都是一个新的变量

注：for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。

for (let i = 0; i < 3; i++) {
  let i = 'abc';
  console.log(i);
}
// abc
// abc
// abc
//表明函数内部的变量i与循环变量i不在同一个作用域，有各自单独的作用域

区别二：变量提升

let变量必须在声明后使用
var可以在变量前使用

区别三：暂时性死区

在使用let命令声明变量前，都是该变量的死区

function bar(x = y, y = 2) {
  return [x, y];
}
bar(); // 报错，参数x默认值等于另一个参数y，而此时y还没有声明，属于“死区”

function bar(x = 2, y = x) {
  return [x, y];
}
bar(); // [2, 2]，y的默认值是x，x已经声明了

// 不报错
var x = x;

// 报错
let x = x;

区别四：不允许重复声明

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