node中使用es6 7 8 支援性與效能

這幾年react、vue的快速發展，越來越多的前端開始講es6的**運用在專案中，因為我們可以通過babel進行轉譯為低版本的js以便於執行在所有瀏覽器中，import、export、let、箭頭函式等等，對於node端，當然我們也希望使用這些高階語法，但是需要提前了解到node支援哪些新的語法。

所有的es6特性被分成了三個階段/分類：

那麼那些特性是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 e =;
}duration = +new date() -start;
console.log(duration)

多次測試，耗時分別為 11972/11736/11798

es6測試：

let i = 0
;let start = +new
date(),
duration;
while (i++ < 1000000000
) ;    
const e =;
}duration = +new date() -start;
console.log(duration)

經過多次測試，耗時分別為 11583/11674/11521。

在這一方面使用es6語法略快。

es5語法

var i = 0
;var start = +new
date(),
duration;
function foo() 
foo.prototype.getname =function () 
var foo ={};
while (i++ < 10000000
) duration = +new date() -start;
console.log(duration)

經過測試，耗時分別為 2030/2062/1919ms。

es6語法：

注意：因為我們這裡只是測試class，所以兩者都是用var來宣告變數，即單一變數原則。

var i = 0
;var start = +new
date(),
duration;
class
foo 
getname () 
}var foo ={};
while (i++ < 10000000
) duration = +new date() -start;
console.log(duration)

經過三輪測試，結果分別是 2044/2129/2080，由此可見，兩者在速度上幾乎是沒有區別的。

4.x的node版本在執行es6**相比於es5**是非常慢的，但是現在使用node的6.11.2版本來執行es6**和執行es5**相比，兩者是一樣快的，可見node對於新特性的執行速度得到了極大地改善。

es5語法：

var i = 0
;var start = +new
date(),
duration;
while (i++ < 100000000
) ;    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
) 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 =
while (i++ < 100000000
) duration = +new date() -start;
console.log(duration)

經過測試，可以發現時間分別為 2396/2372/2427

es6語法：

var i = 0
;var start = +new
date(),
duration;
var person =
while (i++ < 100000000
) , and i am $ years old, i come from
$`;}
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) }
duration = +new date() -start;
console.log(duration)

經過測試，發現耗時分別為 1675/1639/1621。

es6語法：

var i = 0
;var start = +new
date(),
duration;
var func ={};
while (i++ < 10000000
) duration = +new date() -start;
console.log(duration)

經過測試，發現耗時分別為 1596/1770/1597。

即使用箭頭函式的執行速度和使用es5方式的箭頭函式在執行速度上是一致的，並且使用es6的箭頭函式寫起來更加方便，所以推薦使用，我們可以直接使用。

在node端使用es6還是不錯的，對於常見的class、let、箭頭函式等等在速度上和es5不相上下，但是在寫起來會更加方便，還是推薦使用的。

參考文章：

node中使用es6 7 8 支援性與效能

node中使用es6 7 8 支援性與效能

ES6,7,8 新增語法

ES6 7 8常用新特性總結超實用

node中使用es6 7 8 支援性與效能

node中使用es6 7 8 支援性與效能

ES6,7,8 新增語法

ES6 7 8常用新特性總結 超實用

相關推薦

ES6 7 8常用新特性總結超實用