這篇文章主要介紹了node中如何使用es5/6,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比秦淮網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式秦淮網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋秦淮地區(qū)。費(fèi)用合理售后完善,十年實(shí)體公司更值得信賴。分類
所有的es6特性被分成了三個(gè)階段/分類:
shipping --- v8引擎可以支持的很好,默認(rèn)情況下我們是不需要設(shè)立任何的flag而可以直接運(yùn)行的。
staged --- 這些是將要完成的新特性但是還不能被v8引擎所支持,需要使用 runtime flag: --harmony。
in progress --- 這些特性是最好不要使用的,因?yàn)楹苡锌赡芪磥?lái)會(huì)被廢棄,具有不確定性。
那么那些特性是nodejs版本默認(rèn)支持的呢?
在網(wǎng)站node.green 上,提供了非常棒的對(duì)于不同版本node對(duì)新特性的支持情況。
可以看到,我們常用的一些es6語(yǔ)法,node的支持已經(jīng)很好了,因?yàn)楫?dāng)前node的最新版本已經(jīng)是 6.11.2 了,這是推薦使用的版本,而最新的版本已經(jīng)達(dá)到了8.3.0 。
所以我們?cè)趎ode端寫es6語(yǔ)法時(shí),大部分是可以直接使用的。但是對(duì)于es7/8的特性,目前還不能很好的支持。
哪些特性是在開發(fā)中呢?
新的特性在不斷地添加到v8引擎中去, 一般的說(shuō), 還是期待他們到最新的v8引擎中的,盡管不知道是什么時(shí)候。
你可以通過grepping來(lái)列出所有的in progress的特性,即使用 --v8-options 參數(shù)。 值得注意的是, 這些還是兼容性不好的特性,所有需要謹(jǐn)慎的使用他們。
性能
es6是大勢(shì)所趨,我們不僅需要了解其特性的兼容性,還要早性能上做到心中有數(shù),下面我們可以對(duì)es5和es6在node上跑來(lái)比較時(shí)間。
塊級(jí)作用域
es5測(cè)試:
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)
多次測(cè)試,耗時(shí)分別為 11972/11736/11798
es6測(cè)試:
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)
經(jīng)過多次測(cè)試, 耗時(shí)分別為 11583/11674/11521。
在這一方面使用es6語(yǔ)法略快。
class
es5語(yǔ)法
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)
經(jīng)過測(cè)試,耗時(shí)分別為 2030/2062/1919ms。
es6語(yǔ)法:
注意: 因?yàn)槲覀冞@里只是測(cè)試class,所以兩者都是用var來(lái)聲明變量,即單一變量原則。
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)
經(jīng)過三輪測(cè)試,結(jié)果分別是 2044/2129/2080, 由此可見,兩者在速度上幾乎是沒有區(qū)別的。
4.x的node版本在運(yùn)行es6代碼相比于es5代碼是非常慢的,但是現(xiàn)在使用node的6.11.2版本來(lái)運(yùn)行es6代碼和運(yùn)行es5代碼相比,兩者是一樣快的,可見node對(duì)于新特性的運(yùn)行速度得到了極大地改善。
map
es5語(yǔ)法:
var i = 0; var start = +new Date(), duration; while (i++ < 100000000) { var map = {}; map['key'] = 'value' } duration = +new Date() - start; console.log(duration)
運(yùn)行5次,結(jié)果分別為: 993/858/897/855/862
es6語(yǔ)法:
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)
經(jīng)過幾輪測(cè)試,耗時(shí)分別為: 10458/10316/10319。 即es6的Map在運(yùn)行時(shí)間上是es5的10倍以上,所以在node環(huán)境下我們最好少使用Map語(yǔ)法。
模板字符串
es5語(yǔ)法:
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)
經(jīng)過測(cè)試,可以發(fā)現(xiàn)時(shí)間分別為 2396/2372/2427
es6語(yǔ)法:
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)
經(jīng)過測(cè)試,可以發(fā)現(xiàn)耗時(shí)分別為 2978/3022/3010。
經(jīng)過計(jì)算,使用es6的語(yǔ)法耗時(shí)是es5語(yǔ)法的1.25倍左右。 因此,盡量減少在node端使用模板字符串,如果大量使用,顯然耗時(shí)是非常嚴(yán)重的。
箭頭函數(shù)
es5語(yǔ)法:
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)
經(jīng)過測(cè)試,發(fā)現(xiàn)耗時(shí)分別為 1675/1639/1621。
es6語(yǔ)法:
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)
經(jīng)過測(cè)試,發(fā)現(xiàn)耗時(shí)分別為 1596/1770/1597。
即使用箭頭函數(shù)的運(yùn)行速度和使用es5方式的箭頭函數(shù)在運(yùn)行速度上是一致的,并且使用es6的箭頭函數(shù)寫起來(lái)更加方便,所以推薦使用,我們可以直接使用。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“node中如何使用es5/6”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)成都網(wǎng)站制作公司,關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站制作公司行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、網(wǎng)站制作公司香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。