系列目录

ES6+ 现在就用系列（一)：为什么使用ES6+

ES6+ 现在就用系列（二)：let 命令

ES6+ 现在就用系列（三)：const 命令

ES6+ 现在就用系列（四)：箭头函数 =>

ES6+ 现在就用系列（五)：模板字面量 (Template Literals)

ES6+ 现在就用系列（六)：解构赋值 (Destructuring )

ES6+ 现在就用系列（七)：Promise

ES6+ 现在就用系列（八)：类 (Class)，继承，对象的扩展

ES6+ 现在就用系列（九)：模块

ES6+ 现在就用系列（十)：Async 异步编程

ES6+ 现在就用系列（十一)：ES7 Async in Browser Today

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

为什么需要块级作用域?

避免 var 变量提升带来的副作用

示例：

var saleCount = 20;
function f(){


console.log(saleCount);<br/>
if(saleCount&lt;100)<br/>
{<br/>
    // according some rule, change it to 100<br/>
    var saleCount=60;<br/>
    console.log(saleCount);<br/>
}<br/>


}
f()
输出: // undefined

因为 “var saleCount=60;” 作用域是整个函数，而JavaScript里var定义的变量存在变量提升，也就是console.log(saleCount), 这个saleCount是 “var saleCount=60;” 这一句定义的，当调用的时候，saleCount的值是undefined. 实际上等于下面代码。

var saleCount = 20;
function f(){
var saleCount;


console.log(saleCount);<br/>
if(saleCount&lt;100)<br/>
{<br/>
    // according some rule, change it to 100<br/>
    saleCount=60;<br/>
    console.log(saleCount);<br/>
}


}
f() // undefined

避免循环变量变为全局变量

示例：
for (var i = 0; i < 10; i++){


// do something<br/>
}


console.log(i);


输出: 10


很明显，我们不希望i,这个变量变为全局变量。

let 示例代码

‘use strict’

{


var b=1;<br/>
let a=2;<br/>


}
console.log(a);

console.log(b);

输出: ReferenceError: a is not defined

上一节我们给出了如下的示例:

var a = [];

for (var i = 0; i < 10; i++) {


a[i] = function () {<br/>
    console.log(i);<br/>
};<br/>


}

a1;

a2;

a3;
输出: 10,10,10

我们看到，输出的结果不是我们想要的，因为i是用var定义的，那么他在全局范围内都是生效的，也就是我们循环结束以后，i的值就是10，那么不管调用数组的那个元素，console.log(i) 输出的都是10， 那么let因为有了块级作用域，就可以避免这个问题。

var a = [];

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


a[i] = function () {<br/>
    console.log(i);<br/>
};<br/>


}

a1;

a2;

a3;
输出 1, 2,3

另外，函数本身的作用域也在定义他的块的作用域内。

function hello(){console.log(“Hello, Jack”)};
{


function hello(){console.log(&#34;Hello, Tom&#34;)};<br/>


}
hello();

上面的代码在ES6里面输出了“Hello, Jack”, 而在ES5里输出了“Hello, Tom”.

注意事项

不能先使用，后定义

console.log(x);

console.log(y);
var x = 1;

let y = 2;


输出


undefined

ReferenceError: y is not defined

上面的代码由于x是var定义的，一开始x的变量是存在的，只是值是undefined, 但是由于y 是let定义的，就不存在变量提升。

暂时性死区

如果一个变量是使用let定义的，那么这个变量就属于声明时所在的代码块，也就是变量不再受外部影响，下面的a 由于在块里定义了，所以 会报错，因为在那个块里是先使用后定义，如果去掉“let a”, 那么a就是外部的变量，这个时候就不会出错。

var a = “hello”;
{


a = &#39;world&#39;;<br/>
let a;<br/>


}
// ReferenceError

不能重复申明

也就是不能重复申明同一个变量，即使一个是let申明，一个是用var申明也不行。 下面的代码都会报错。

function () {


let a = 10;<br/>
var a = 1;<br/>


}
function () {


let b = 10;<br/>
let b = 1;<br/>


}

总结

由于let 避免了很多问题，所以建议在ES6的代码里总是使用let 来替代var.