ES6 let关键字

参考 http://es6.ruanyifeng.com/#docs/let

let声明的变量,和var不同的地方在于,let变量的作用域仅在代码块内。

{
  let a = 10;
  var b = 1;
}
a // ReferenceError: a is not defined.
b // 1

使用var声明

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

为代码解释
当i= 0时,a 为 [ console.log(0)]
当i= 1时,a 为 [ console.log(1),console.log(1)]
当i= 2时,a 为 [ console.log(2),console.log(2),console.log(2)]
循环退出时,i= 3时,a 为 [ console.log(3),console.log(3),console.log(3)]

使用let声明

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

为代码解释
当i= 0时,a 为 [ console.log(0)]
当i= 1时,a 为 [ console.log(0),console.log(1)]
当i= 2时,a 为 [ console.log(0),console.log(1),console.log(2)]
循环退出时,i没有定义(超出作用域),a 为 [ console.log(0),console.log(1),console.log(2)]

猜你喜欢

转载自blog.csdn.net/holdsky/article/details/86312162