node中使用es5 6以及支援性與效能對比

2022-09-27 09:33:15 字數 3862 閱讀 1175

前言

這幾年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(),

durxlpgfubvfation;

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語法略快。

class

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;

www.cppcns.com

class foo

getname ()

}var foo = {};

while (i++ < 10000000)

duration = +new date() - start;

console.log(duration)

經過三輪測試,結果分別是 2程式設計客棧044/2129/2080, 由此可見,兩者在速度上幾乎是沒有區別的。

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

mapes5語法:

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中使用es5/6以及支援性與效能對比

本文位址:

es5 6新新增的js方法

1 object.keys obj 返回物件可被列舉的自身屬性名陣列 object.keys name age 2 object.assign target,obj,obj.把多個源物件自身可列舉屬性拷貝給目標物件並返回目標物件 源物件屬性會全部拷貝到目標物件,如有同屬性會被覆蓋 陣列 1 ever...

ES5 6對非同步事件的處理方式

es5語法,處理非同步事件 1000 ajax function es6語法,promise處理非同步事件 1000 ajax then function function es6語法,promise處理串聯非同步事件 1000 ajax then function 1000 then functi...

node 6 ES5 6的語法相關

示例 1.es3 function human name,age human.prototype.show function var h new human lili 18 建立乙個human的例項 h.show lili 18 2.es3 5繼承 通過原型進行繼承。3.es6中定義型別和繼承的方式...