ES6基础（一）——var let const的用法

var let const的用法

其中const声明一个只读的常量。一旦声明，常量的值就不能改变。ES6 新增了let命令，用法类似于var。三者对比如下：

const声明的变量不能再次赋值，let var可以重复赋值

var 可重复声明，const let不能

var存在变量提升，const let不存在

{
let a = 10;
//let a = 5;//SyntaxError: Identifier 'a' has already been declared
const PI = 8;
//PI = 3;// TypeError: Assignment to constant variable.
var c = 6;
var c = 8;
}
//console.log(a);//ReferenceError: a is not defined
//console.log(b);//ReferenceError: b is not defined
console.log(c);//6

const用法比较简单，这里不做过多的讨论！下面重点用几个例子对比var和let的区别：

for (var index = 0; index < 3; index++) {
setTimeout(function (){
console.log(index);//3 3 3
}, 10)
}
console.log(index)// 3

上面代码中，var是在全局范围内都有效，所以全局只有一个变量index。而setTimeout执行的时候for循环已经结束，此时的index已经是3，所以打印出来都是3！若将setTimeout函数换成即时执行的函数，执行结果如下：

for (var index = 0; index < 3; index++) {
function run() {
console.log(index);0 1 2
}
run();
}
console.log(index)// 3

for (let index = 0; index < 3; index++) {
setTimeout(function (){
console.log(index);//0,1,2
}, 10)
}
console.log(index)// ReferenceError: index is not defined

let是声明在for循环的内部的，每一次循环的index其实都是一个新的变量。同时for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。每次for循环都建立如下block：

{
let index = 0;
{
setTimeout(function (){
console.log(index);
}, 10)
}
}

for (let i = 0; i < 3; i++) {
let i = 'abc';
console.log(i);//abc abc abc
}
//上面这段代码每次循环就相当于
{
let i= 0;
{
let i = 'abc';
console.log(i);
}
}

所以

for(const index of array)

之所以能执行，是因为每次循环就相当于在一个新的平行块级作用域下声明一个

const index

互不影响； 而

for (const i = 0; i < 3; i++)

之所以不能执行，是因为每次循环在新产生的块级作用域内同时执行了 i++，而const声明的常量不允许改变，所以报错！

再来一组对比：

var a = [];
for (var i = 0; i < 10; i++) {
a[i] = function () {//非即时执行（调用的时候才执行）
console.log(i);
};
}
a[6](); // 10  变量i全局有效 每次循环都会被赋予一个新值 所以最终i是最后一次循环被赋予的那个值

var a = [];
for (let i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 6 因为i是块级变量 每次循环都会产生一个新的变量i 各循环之间的i互不影响

参考《ECMAScript 6 入门》！