ECMAScript6入门（一）Let 和 Const 命令

一、let 命令

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

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

上面的代码在代码块中，分别使用 let 和 var 声明了两个变量。然后再代码块之外调用这两个变量，结果 let 声明的变量报错， var 声明的变量返回正确的值。这表明， let 声明的变量只在它所在的代码块内有效。

下面的代码如果使用 var，则最后输出的是“9”。

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

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

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

let 不像 var 那样，会发生“变量提升”的现象。

function do_something () {console.log(foo);let foo = 2;
}

上面的代码在声明foo之前，就使用了这个变量，结果会抛出一个错误。

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

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

二、块级作用域

let实际上为JavaScript新增了块级作用域。

function f1 () {let n = 5;if (true) {let n = 10;}console.log(n);  // 5
}

上面的函数有两个代码块，都声明了变量n，运行后输出5.这表示外层代码块不受内层代码块的影响。如果使用var定义变量n，最后输出的值就是10。

块级作用域的出现，实际上是的广为应用的立即执行匿名函数（IIFE）不再必要了。

(function (){var tem = ...;...
}())// 块级作用域
{let tmp = ...;...
}

另外，ES6也规定，函数本身的作用域，在其躲在的块级作用域之内。

function f () {console.log('I am outside!');
}(function () {if (false) {// 重复声明一次函数ffunction f () {console.log('I am inside!');}}f();
})

上面的代码在ES5中运行，会得到“I am inside!”,但是在ES6中运行，则会得到“I am outside!”。

三、const 命令

const 用来声明变量。一旦声明，其值就不能改变。

const PI = 3.1415；
PI // 3.1415PI = 3;
PI // 3.1415const PI = 3.1;
PI // 3.1415

上面的代码表明改变常量的值是不起作用的。需要注意的是，对常量重新赋值不会报错，只会默默地失败。

const 的作用域与let命令相同：只在声明所在的块级作用域内有效。

if (codition) {const MAX = 5;
}// 常量MAX在此处不可得

const 声明的常量，也与 let 一样不可重复声明。

var message = "Hello!";
let age = 25;// 以下两行都会报错
const message = "GoodBye!";
const age = 30;

各位小伙伴们想了解更多，欢迎加群技术交流：834223478