node中使用es6/7/8(支持性与性能)

更新时间：2019年03月28日 09:39:52 作者：Wayne-Zhu

这篇文章主要介绍了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不相上下，但是在写起来会更加方便，还是推荐使用的。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

npm淘宝镜像过期解决办法
npm 官方镜像在国内访问很慢,很多同学都会选择切换到国内的一些 npm 镜像,本文主要介绍了npm淘宝镜像过期解决办法,感兴趣的可以了解一下
2024-02-02
Node.js 多线程实战小结
在 Node.js 的世界中,多线程技术一直是一个受到广泛关注的领域,本文主要介绍了Node.js 多线程实战小结,具有一定的参考价值,感兴趣的可以了解一下
2024-01-01
Node.js Streams文件读写操作详解
如果你在处理应用中 I/O 相关的操作，你可以利用 Node.js 中的流(stream)，这篇文章主要为大家详细介绍了Node.js Streams文件读写操作，感兴趣的小伙伴们可以参考一下
2016-07-07
Nuxt配合Node在实际生产中的应用详解
这篇文章主要介绍了Nuxt配合Node在实际生产中的应用详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-08-08
node.js中的fs.realpathSync方法使用说明
这篇文章主要介绍了node.js中的fs.realpathSync方法使用说明,本文介绍了fs.realpathSync的方法说明、语法、接收参数、使用实例和实现源码,需要的朋友可以参考下
2014-12-12
Node.js+Socket.io实现双人在线五子棋对战
这篇文章主要为大家详细介绍了Node.js+Socket.io实现双人在线五子棋对战，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-05-05
node.JS二进制操作模块buffer对象使用方法详解
在ES6引入TypedArray之前，JavaScript语言没有读取或操作二进制数据流的机制，本文为大家详细介绍nodeJS中二进制操作模块buffer对象使用方法详解
2020-02-02
浅谈Nodejs中的作用域问题
在JS中有全局作用域和函数作用域，而在Nodejs中也自己的作用域，分为全局作用域（global）和模块作用域。本文将对Nodejs中的作用域进行介绍，需要的朋友一起来看下吧
2016-12-12
微信小程序在线客服自动回复功能(基于node)
这篇文章主要介绍了微信小程序在线客服自动回复功能(基于node)，由于小程序嵌套webview时需要校验域名，因此跳转到第三方应用市场和Appstroe无法实现导流。那怎么办呢,需要的朋友可以参考下
2019-07-07
使用node.js 制作网站前台后台
本文给大家介绍实用node.js 制作网站前台和后台，非常的详尽，有需要的朋友可以参考下
2014-11-11