随着 React 的风靡,配合 Webpack 以及 Babel 等技术,越来越多的前端同学将 ECMAScript 2015(ES6) 的特性运用在项目中,import、export、class、箭头函数、块级作用域等特性屡试不爽。而对于 Node.js 实现的后台代码来说,我们也同样希望使用这些 ES6 特性,下面将以 v4.4.4(LTS version) 长期支持版本为例展开话题,从兼容性以及性能两方面着手分析 Node.js 对 ES6 的支持情况。
兼容性
随着 io.js 的引入,新版的 Node.js 开始原生支持部分 ES6 的特性,既然 ES6 在浏览器端使用需要通过 babel 等编译,在 Node.js 总可以放心使用了吧,然而事实并非如此。
所有的 ES6 特性被划分为三个级别:
- shipping:已经分发并默认开启的特性;
- staged:已经分发,但需要使用 –harmony 参数开启的特性;
- in progress:开发中,还不稳定或者未实现的特性,不推荐使用;
Nodejs 各个版本对 ES6 特性的兼容列表见:http://node.green/
【shipping】
ES6 特性 | Nodejs 兼容性 |
---|---|
let,const, 块 | strict 模式支持 |
class 类 | strict 模式支持 |
Map,Set 和 WeakMap,WeakSet | 支持 |
generators | 支持 |
进制转换 | 支持 |
对象字面量扩展 | 支持 |
promise | 支持 |
String 对象新 API | 支持 |
symbols | 支持 |
字符串模板 | 支持 |
这些都是 Node.js 原生支持的特性,除了前两个特性需要在代码前面添加'use strict'。
【staged】
- Symbol.toStringTag
- Array.prototype.includes
- Rest Parameters
- ......
可通过 node --v8-options | findstr harmony 进行查看。在执行带有这些特性的 js 代码时,需要加上--harmony 参数,例如:node --harmony app.js。
【in progress】
- harmony_modules (enable "harmony modules")
- harmonyarrayincludes (enable "harmony Array.prototype.includes")
- harmony_regexps (enable "harmony regular expression extensions")
- harmonynewtarget (enable "harmony new.target")
- ......
可通过 node --v8-options | findstr "in progress" 进行查看。这些特性是那些将要支持(但具体时间未知)的特性,不建议使用。
Node.js 6.x 已经支持 93% 的 ES6 特性
从上面分析可以看到,Node.js 4.x 版本对 ES6 特性的原生支持并不好,但是好消息是,Node.js 6.x LTS version 将要发布了,带来了性能的大幅提升、更好的测试、更完善的文档、更好的安全性,并广泛支持了 ES6。
在 Node.js 5.0 发布了 6 个月以后,6.0 的时代马上就来了,目标是替换 4.x,计划在 2016 年 10 月成为下一个 LTS version(长期支持的版本),5.0 只是一个过渡版本。考虑到产品的稳定性,建议大家目前还是继续使用 Node.js 4.x,直到 10 月份。
Node.js 6.x 的一项重要改进是使用了 V8 5.0 引擎,支持了 93% 以上的 ES6,包括 destructuring、rest 参数、class 和 super 关键字,ES6 还没有被覆盖到的只剩下一小部分,包括 direct、mutual recursion、iterator closing 等。
让我们一起期待吧!
性能
ES6 是大势所趋,尽管目前 Node 下使用 ES6 仍然存在很多问题,这里还是有必要对 ES6 的原生性能做一下对比测试,好让大家有个量化的概念。
环境描述:
CPU:Intel(R) Core(TM)i7-4790 CPU @ 3.60GHz
RAM:16.0GB
操作系统:64bit
node 版本:v4.4.4
1. 块级作用域
测试代码如下:
ES5:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
var i = 0; var start = +new Date(), duration; while(i++ < 1000000){ var a = 1; var b = '1'; var c = true; var d = {}; var e = []; } duration = +new Date() - start; console.log(duration); |
输出结果为 45ms。
ES6:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
'use strict' let i = 0; let start = +new Date(), duration; while(i++ < 1000000){ |