BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

ES6令人激动的特性

| 作者 谢丽 关注 11 他的粉丝 发布于 2015年7月11日. 估计阅读时间: 5 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

Nick JusticeGitHub开发者计划的一员。早在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读者交流群InfoQ好读者)。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT