【探秘ES6】系列专栏（十二）：类语法let和const
ES6作为新一代JavaScript标准，已正式与广大前端开发者见面。为了让大家对ES6的诸多新特性有更深入的了解，Mozilla Web开发者博客推出了《ES6 In Depth》系列文章。CSDN已获授权，将持续对该系列进行翻译，组织成【探秘ES6】系列专栏，供大家学习借鉴。本文为该系列的第十二篇。
本文介绍的是有关let和const关键字的使用。
对于JS而言，开发者有可能遇到以下两个问题。
问题一：区块不等同于作用域。
在一个JS函数中声明的变量的作用域是在整个函数里，由此将会引发两个问题。
第一个是区块里定义的变量的作用域不仅限于区块，而是作用于整个函数中。请看以下例子，里面定义的变量是t：
function runTowerExperiment(tower, startTime) {
var t = startTime;
tower.on("tick", function () {
... code that uses t ...
});
... more code ...
}
如果要增加一个用于检测保龄球速度的功能，可能会这样写：
function runTowerExperiment(tower, startTime) {
var t = startTime;
tower.on("tick", function () {
... code that uses t ...
if (bowlingBall.altitude() <= 0) {
var t = readTachymeter();
...
}
});
... more code ...
}
现在问题来了，我们不自觉地添加了一个同名变量 t ；而这个 t 的作用域会发生改变，不再是第一次定义时的t了。可见，JS中的变量类似于Photoshop中的油漆桶工具，至声明开始可以向前或向后作用直到碰到函数边界，我们称之为“抬升”。这个例子中抬升导致的结果是，以 t 为计算对象的结果会产生NaN。
问题二：变量在循环体中的共享
请先看下面：
var messages = ["Hi!", "I'm a web page!", "alert() is fun!"];
for (var i = 0; i < messages.length; i++) {
alert(messages[i]);
}
这段代码的运算结果是显而易见的，但是如果换成下面这种方式呢？
var messages = ["Meow!", "I'm a talking cat!", "Callbacks are fun!"];
for (var i = 0; i < messages.length; i++) {
setTimeout(function () {
cat.say(messages[i]);
}, i * 1500);
}
其结果会是怎么样？详见 完整示例
结果是连续三个undefined？！原因就是变量的共享问题。仅有的变量 i 被循环体以及所有timeout回调共享了，其结果就是当循环结束时i=3，所以使用messages[3]作为输出会显示undefined，因为没有定义这个元素。如果要解决这个问题，有好几种方法，详见 链接 。
使用let代替var
为了解决向后兼容的编码问题，Brendan Eich引入了关键字let。当你要进行全局搜索的时候，如果之前使用var来定义变量，那么会导致编码不能连续。所以在ES6里，请尝试使用let而不是var。
这两者的主要区别是：
let变量是区域变量：let定义的变量仅限于局部区块内，而不是整个函数体内。所以使用let就可避免前述的变量共享问题。
全局let变量不是全局对象的属性：也就是说，你不能使用window.variableName的方式来使用它们。相反，它们的活动范围是在于Web页面下的非可视JS代码区块内。
for(let x…)形式的循环在遍历时会产生新的x：这是一个很美妙的地方。它是意思是如果一个for (let...)循环中包含结束，例如前述的talking cat例子，那么每个结束会得到不同的变量输出，而不是都使用相同的变量。所以也就解决了变量共享的问题。此外，该特性对for-of，for-in都是适用的。
在使用let声明变量前使用变量会出错：例如这些编写的话，将会出现引用错误：
function update() { console.log("current time:", t); // ReferenceError ... let t = readTachymeter(); }重复使用let声明变量会导致语法错误。
该约束是能帮忙检查出一些粗心大意的问题。
使用const
类似于其它语言，ES6中可使用const进行常量定义；如果尝试对已经定义的常量进行赋值，将会引起语法错误：
const MAX_CAT_SIZE_KG = 3000; // MAX_CAT_SIZE_KG = 5000; // SyntaxError MAX_CAT_SIZE_KG++; // nice try, but still a SyntaxError
同样地，定义的同时不对常量赋值也是一个语法错误：
const theFairest; // SyntaxError, you troublemaker
如何启用let和const?
请使用ES6编译器，例如Babel,Traceur或者TypeScript。io.js可在strict模式下使用；node.js与之类似，但是需要启用harmony选项。
原文链接：ES6 In Depth: let and const
（译者：伍昆，责编：陈秋歌）
本译文遵循Creative Commons Attribution Share-Alike License v3.0