JavaScript的ES6笔记-let和var的区别

let基本用法

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

{
    let a = 10;
    var b = 20;
}
console.log(a) // Error
console.log(b) // 20

对于for循环的计数器，就很适合使用let命令。

for (let i = 0; i < 10; i++) {
    // ...
}
console.log(i); // Error

上面代码中的计数器i只在for循环体内有效，如果在循环体外引用就会报错。

按照通常逻辑，变量只有在声明之后才能使用。但var命令会发生“变量提升”现象，即变量可以在声明之前使用，值为undefined，这很容易产生错误。例如：

// var
console.log(a) // 输出undefined
var a = 100;
// let
console.log(b); // Error
let b = 200;

ES6规定暂时性死区和let、const语句不出现变量提升，主要是为了防止在变量声明前就使用这个变量，导致意料之外的行为。这种错误在ES5是很常见的，现在有了这种规定，避免此类错误就很容易了。

let的这种设计就是为了让大家养成良好的编程习惯，变量一定要在声明之后使用，否则会报错。

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

// 错误
function func() {
    let a = 10;
    let a = 20;
}