ES6 令人激动的特性

Nick Justice 是 GitHub 开发者计划的一员。早在 ES6 语言标准发布之前，他就借助像 Babel 这样的转译器以及最新版本的浏览器在自己的项目中使用 ES6 特性。他认为，ES6 的新特性将极大地改变 JavaScript 的编写方式。近日，他在一篇博文中介绍了多项令人激动的特性：

Promises：对于 JavaScript 而言， promises 不是什么新东西，许多库都提供了这一特性。但现在，它正式成为 ES6 语言标准的一部分。这里有一个使用ES6 Promises 处理AJAX 请求的例子，从中可以一窥其工作方式。

块作用域：一般来说，JavaScript 的作用域是“基于函数”的。就是说，为了包含一个私有变量，开发者必须声明一个函数。这点一直为许多使用过它语言的开发者所诟病。但现在，ES6 提供了关键字 let，使开发者可以声明块级变量，下面是一个例子：

function foo() {
 let bar = true;
 
 if (bar) {
   var baz = 'hi!';
 }
 
 console.log(baz); // hi
}
 
foo();
 
function foo2() {
 let bar = true;
 
 if (bar) {
   let baz = 'hi';
 }
 
 console.log(baz); // Uncaught ReferenceError: baz 未定义
}
 
foo2();
 

箭头函数：这是 ES6 中最令 Nick 激动的特性之一。=>不只是关键字function的简写，它还带来了其它好处。箭头函数与包围它的代码共享同一个this。有经验的 JavaScript 开发者都熟悉诸如var self = this;或var that = this这种引用外围this的模式。但借助=>，就不需要这种模式了。

Generators：这是一种新型的 JavaScript 函数，使开发者可以暂挂他们的函数，并在多次执行中返回不同的值。关于该特性的详细信息，请阅读 Nick 先前写过的一篇文章及查阅 MDN 。这可能是最令 Nick 激动的特性。

Import（模块）：在 ES6 语言标准正式发布之前，Nick 及其团队就已经借助诸如 Require.js 和 Browserify 这样的框架在项目中使用模块加载。现在，ES6 语言本身就提供了模块定义，语法如下：

// myModule.js
export function myModule(someArg) {
 return someArg;
}
 
// main.js
import {myModule} from 'myModule';
 
myModule('foo'); // 'foo'
 

除了基本语法外，开发者还可以在一个模块中多次export以及import整个模块作为一个特定的命名空间。然后，就可以通过新命名空间调用模块中的每个方法：

// myModule.js
export var foo = 'foo';
export var bar = 'bar';
 
// main.js
import * as baz from 'myModule';
 
baz.foo; // 'foo'
baz.bar // 'bar'
 

类：ES6 的类存在一些争议，主要是因为其实现没有采用传统的继承方式。这意味着，新的class关键字更多的只是位于传统的原型继承之上的语法糖。关于 JavaScript 的原型继承，请查看这里和这里。关于ES6 类的实例，请查看这里。

优化了“尾调用（Tail Calls）”：一直到ES5，函数递归调用过多会导致栈溢出（到达内存上限），这是因为函数每次调用自己时都会调用一个新版本。但优化之后，每次调用会同上次调用共享同一个上下文，保证了内存使用率的稳定。

感谢徐川对本文的审校。

给InfoQ 中文站投稿或者参与内容翻译工作，请邮件至 editors@cn.infoq.com 。也欢迎大家通过新浪微博（ @InfoQ ， @丁晓昀），微信（微信号： InfoQChina ）关注我们，并与我们的编辑和其他读者朋友交流（欢迎加入 InfoQ 读者交流群）。