ECMAScript 6 变量声明let

let命令

这是ECMAScript6新增加的命令，是用来声明变量的。它的用法类似于var，但所声明的变量，只在let命令的所在代码块内有效！

示列：　

  {

    let a=1;

    var b=0;

  }

  我们在{}外输出变量a与b:

a // ReferenceError: a is not defined.
b // 0

 

let 很合适被for循环所用

示列：

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

console.log(i);  //循环过程：0,1,2,3,4,5

}

我们在for{}外调用i会是什么情况？

console.log(i);
结果:ReferenceError: i is not defined

上面的代码效果我们得出了一个答案，那就是i这个变量只能在for{}里有效，在外面就会引用的话就会报错！

 

下面的代码如果使用var，最后输出的是10。

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

上面代码中，变量i是var声明的，在全局范围内都有效。所以每一次循环，新的i值都会覆盖旧值，导致最后输出的是最后一轮的i的值。

如果使用let，声明的变量仅在块级作用域内有效，最后输出的是6。

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时，就在上一轮循环的基础上进行计算。

 

变量不能提升

let不像var那样会发生“变量提升”现象。所以，变量一定要在声明后使用，否则报错。

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

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

上面代码中，变量foo用var命令声明，会发生变量提升，即脚本开始运行时，变量foo已经存在了，但是没有值，所以会输出undefined。变量bar用let命令声明，不会发生变量提升。这表示在声明它之前，变量bar是不存在的，这时如果用到它，就会抛出一个错误。

 

不能重复声明

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

// 报错
function () {
  let a = 10;
  var a = 1;
}

// 报错
function () {
  let a = 10;
  let a = 1;
}

因此，不能在函数内部重新声明参数。

function func(arg) {
  let arg; // 报错
}

function func(arg) {
  {
    let arg; // 不报错
  }
}

 

转载于:https://my.oschina.net/u/3010603/blog/823806