node中使用es6/7/8(支持性与性能)
前言
这几年react、vue的快速发展，越来越多的前端开始讲es6的代码运用在项目中，因为我们可以通过babel进行转译为低版本的js以便于运行在所有浏览器中，import、export、let、箭头函数等等，对于node端，当然我们也希望使用这些高级语法，但是需要提前了解到node支持哪些新的语法。
分类
所有的es6特性被分成了三个阶段/分类：
- shipping --- v8引擎可以支持的很好，默认情况下我们是不需要设立任何的flag而可以直接运行的。
- staged --- 这些是将要完成的新特性但是还不能被v8引擎所支持，需要使用 runtime flag： --harmony。
- in progress --- 这些特性是最好不要使用的，因为很有可能未来会被废弃，具有不确定性。
那么那些特性是nodejs版本默认支持的呢？
可以看到，我们常用的一些es6语法，node的支持已经很好了，因为当前node的最新版本已经是 6.11.2 了，这是推荐使用的版本，而最新的版本已经达到了8.3.0 。
所以我们在node端写es6语法时，大部分是可以直接使用的。但是对于es7/8的特性，目前还不能很好的支持。
哪些特性是在开发中呢？
新的特性在不断地添加到v8引擎中去， 一般的说， 还是期待他们到最新的v8引擎中的，尽管不知道是什么时候。
你可以通过grepping来列出所有的in progress的特性，即使用 --v8-options 参数。 值得注意的是， 这些还是兼容性不好的特性，所有需要谨慎的使用他们。
性能
es6是大势所趋,我们不仅需要了解其特性的兼容性，还要早性能上做到心中有数，下面我们可以对es5和es6在node上跑来比较时间。
块级作用域
es5测试：
var i = 0;
var start = +new Date(),
duration;
while (i++ < 1000000000) {
var a = 1;
var b = '2';
var c = true;
var d = {};
var e = [];
}
duration = +new Date() - start;
console.log(duration)
多次测试，耗时分别为 11972/11736/11798
es6测试：
let i = 0;
let start = +new Date(),
duration;
while (i++ < 1000000000) {
const a = 1;
const b = '2';
const c = true;
const d = {};
const e = [];
}
duration = +new Date() - start;
console.log(duration)
经过多次测试， 耗时分别为 11583/11674/11521。
在这一方面使用es6语法略快。
class
es5语法
var i = 0;
var start = +new Date(),
duration;
function Foo() {;
this.name = 'wayne'
}
Foo.prototype.getName = function () {
return this.name;
}
var foo = {};
while (i++ < 10000000) {
foo[i] = new Foo();
foo[i].getName();
}
duration = +new Date() - start;
console.log(duration)
经过测试，耗时分别为 2030/2062/1919ms。
es6语法：
注意： 因为我们这里只是测试class，所以两者都是用var来声明变量，即单一变量原则。
var i = 0;
var start = +new Date(),
duration;
class Foo {
constructor() {
this.name = 'wayne'
}
getName () {
return this.name;
}
}
var foo = {};
while (i++ < 10000000) {
foo[i] = new Foo();
foo[i].getName();
}
duration = +new Date() - start;
console.log(duration)
经过三轮测试，结果分别是 2044/2129/2080， 由此可见，两者在速度上几乎是没有区别的。
4.x的node版本在运行es6代码相比于es5代码是非常慢的，但是现在使用node的6.11.2版本来运行es6代码和运行es5代码相比，两者是一样快的，可见node对于新特性的运行速度得到了极大地改善。
map
es5语法：
var i = 0;
var start = +new Date(),
duration;
while (i++ < 100000000) {
var map = {};
map['key'] = 'value'
}
duration = +new Date() - start;
console.log(duration)
运行5次，结果分别为： 993/858/897/855/862
es6语法：
var i = 0;
var start = +new Date(),
duration;
while (i++ < 100000000) {
var map = new Map();
map.set('key', 'value');
}
duration = +new Date() - start;
console.log(duration)
经过几轮测试，耗时分别为： 10458/10316/10319。 即es6的Map在运行时间上是es5的10倍以上，所以在node环境下我们最好少使用Map语法。
模板字符串
es5语法：
var i = 0;
var start = +new Date(),
duration;
var person = {
name: 'wayne',
age: 21,
school: 'xjtu'
}
while (i++ < 100000000) {
var str = 'Hello, I am ' + person.name + ', and I am ' + person.age + ' years old, I come from ' + person.school;
}
duration = +new Date() - start;
console.log(duration)
经过测试，可以发现时间分别为 2396/2372/2427
es6语法：
var i = 0;
var start = +new Date(),
duration;
var person = {
name: 'wayne',
age: 21,
school: 'xjtu'
}
while (i++ < 100000000) {
var str = `Hello, I am ${person.name}, and I am ${person.age} years old, I come from ${person.school}`;
}
duration = +new Date() - start;
console.log(duration)
经过测试，可以发现耗时分别为 2978/3022/3010。
经过计算，使用es6的语法耗时是es5语法的1.25倍左右。 因此，尽量减少在node端使用模板字符串，如果大量使用，显然耗时是非常严重的。
箭头函数
es5语法：
var i = 0;
var start = +new Date(),
duration;
var func = {};
while (i++ < 10000000) {
func[i] = function (x) {
return 10 + x;
}
}
duration = +new Date() - start;
console.log(duration)
经过测试，发现耗时分别为 1675/1639/1621。
es6语法：
var i = 0;
var start = +new Date(),
duration;
var func = {};
while (i++ < 10000000) {
func[i] = (x) => 10 + x
}
duration = +new Date() - start;
console.log(duration)
经过测试，发现耗时分别为 1596/1770/1597。
即使用箭头函数的运行速度和使用es5方式的箭头函数在运行速度上是一致的，并且使用es6的箭头函数写起来更加方便，所以推荐使用，我们可以直接使用。
总结
在node端使用es6还是不错的，对于常见的class、let、箭头函数等等在速度上和es5不相上下，但是在写起来会更加方便，还是推荐使用的。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
今天小编就为大家分享一篇解决nodejs的npm命令无反应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-05-05
Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法
下面小编就为大家带来一篇Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要给大家介绍了关于NodeJs操作MongoDB教程之分页功能以及常见问题的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用NodeJs具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-04-04
这篇文章主要介绍了Node.js安装教程和NPM包管理器使用详解,安装部分讲解了Windows、和MAC OS下的安装图解,并介绍了Linux下的源码安装方法,最后对NPM包管理器做了详细介绍,需要的朋友可以参考下2014-08-08
为nuxt项目写一个面包屑cli工具实现自动生成页面与面包屑配置
这篇文章主要介绍了为nuxt项目写一个面包屑cli工具实现自动生成页面与面包屑配置，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术，本文给大家介绍nodejs实现websocket的数据库接收与发送，小伙伴们一起学习吧2015-11-11
express-session 是基于express框专门用于处理session的中间件，本篇文章主要介绍了详解Node.js开发中的express-session，有兴趣的可以了解一下2017-05-05
这篇文章主要介绍了Nodejs中读取中文文件编码问题、发送邮件和定时任务实例,本文使用了3个模块来解决这3个需求,并给出了代码操作实例,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了node中的cookie的具体使用，详细的介绍了什么是cookie和cookie的使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
本篇文章详细的讲诉fa.fstat方法，这个State对象中，包含的数据都有哪些，并且他们分别代表的含义是什么。具有一定的参考价值，有兴趣的可以了解一下。2016-12-12
最新评论