node中使用es5/6以及支持性与性能对比

前言

这几年react、vue的快速发展，越来越多的前端开始讲es6的代码运用在项目中，因为我们可以通过babel进行转译为低版本的js以便于运行在所有浏览器中，import、export、let、箭头函数等等，对于node端，当然我们也希望使用这些高级语法，但是需要提前了解到node支持哪些新的语法。

分类

所有的es6特性被分成了三个阶段/分类：

• shipping --- v8引擎可以支持的很好，默认情况下我们是不需要设立任何的flag而可以直接运行的。
• staged --- 这些是将要完成的新特性但是还不能被v8引擎所支持，需要使用 runtime flag： --harmony。
• in progress --- 这些特性是最好不要使用的，因为很有可能未来会被废弃，具有不确定性。

那么那些特性是nodejs版本默认支持的呢？

在网站node.green 上，提供了非常棒的对于不同版本node对新特性的支持情况。

可以看到，我们常用的一些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不相上下，但是在写起来会更加方便，还是推荐使用的。

参考文章：

https://nodejs.org/en/docs/es6/

http://node.green/

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

# node  # es5  # nodejs  # es6支持  # es6  # 支持  # Node.js+ES6+dropload.js实现移动端下拉加载实例  # 在node中如何使用 ES6  # 详解如何在NodeJS项目中优雅的使用ES6  # 分别为  # 很好  # 推荐使用  # 我们可以  # 运行速度  # 新特性  # 可以直接  # 还不能  # 的是  # 都是  # 这是  # 是在  # 成了  # 你可以  # 不需要  # 心中有数  # 大势所趋  # 达到了  # 不相上下  # 可以看到 

相关文章： 正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱？口碑好？  制作充值网站的软件,做人力招聘为什么要自己交端口钱？  网站制作新手教程,新手建设一个网站需要注意些什么？  文字头像制作网站推荐软件,醒图能自动配文字吗？  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  相册网站制作软件,图片上的网址怎么复制？  建站主机如何选？性能与价格怎样平衡？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  教程网站设计制作软件,怎么创建自己的一个网站？  佛山网站制作系统,佛山企业变更地址网上办理步骤？  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  清除minerd进程的简单方法  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  C++时间戳转换成日期时间的步骤和示例代码  如何制作网站标识牌,动态网站如何制作（教程）？  建站主机空间推荐 高性价比配置与快速部署方案解析  如何在IIS服务器上快速部署高效网站？  如何获取免费开源的自助建站系统源码？  如何选择建站程序？包含哪些必备功能与类型？  金*站制作公司有哪些,金华教育集团官网？  如何快速生成ASP一键建站模板并优化安全性？  郑州企业网站制作公司,郑州招聘网站有哪些？  建站中国官网：模板定制+SEO优化+建站流程一站式指南  大连 网站制作,大连天途有线官网？  如何在Golang中指定模块版本_使用go.mod控制版本号  学校建站服务器如何选型才能满足性能需求？  如何在阿里云虚拟主机上快速搭建个人网站？  如何在建站宝盒中设置产品搜索功能？  定制建站策划方案_专业建站与网站建设方案一站式指南  微课制作网站有哪些,微课网怎么进？  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  高防服务器如何保障网站安全无虞？  湖北网站制作公司有哪些,湖北清能集团官网？  如何通过多用户协作模板快速搭建高效企业网站？  建站上市公司网站建设方案与SEO优化服务定制指南  香港服务器选型指南：免备案配置与高效建站方案解析  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  建站之星如何快速更换网站模板？  学校为何禁止电信移动建设网站？  专业网站制作企业网站,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何选择高效便捷的WAP商城建站系统？  家庭建站与云服务器建站，如何选择更优？  ppt制作免费网站有哪些,ppt模板免费下载网站？  香港服务器租用费用高吗？如何避免常见误区？  魔毅自助建站系统：模板定制与SEO优化一键生成指南  如何通过虚拟主机快速搭建个人网站？  广州建站公司哪家好？十大优质服务商推荐  建站之星如何优化SEO以实现高效排名？  建站之星2.7模板：企业网站建设与h5定制设计专题  较简单的网站制作软件有哪些,手机版网页制作用什么软件？