node中如何使用es5/6-創(chuàng)新互聯(lián)

這篇文章主要介紹了node中如何使用es5/6，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性?xún)r(jià)比秦淮網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式秦淮網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋秦淮地區(qū)。費(fèi)用合理售后完善，十年實(shí)體公司更值得信賴(lài)。

分類(lèi)

所有的es6特性被分成了三個(gè)階段/分類(lèi)：

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ì)新特性的支持情況。

node中如何使用es5/6 　　

可以看到，我們常用的一些es6語(yǔ)法，node的支持已經(jīng)很好了，因?yàn)楫?dāng)前node的最新版本已經(jīng)是 6.11.2 了，這是推薦使用的版本，而最新的版本已經(jīng)達(dá)到了8.3.0 。

所以我們?cè)趎ode端寫(xiě)es6語(yǔ)法時(shí)，大部分是可以直接使用的。但是對(duì)于es7/8的特性，目前還不能很好的支持。

哪些特性是在開(kāi)發(fā)中呢？

新的特性在不斷地添加到v8引擎中去，一般的說(shuō)，還是期待他們到最新的v8引擎中的，盡管不知道是什么時(shí)候。

你可以通過(guò)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)過(guò)多次測(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)過(guò)測(cè)試，耗時(shí)分別為 2030/2062/1919ms。

es6語(yǔ)法：

注意：因?yàn)槲覀冞@里只是測(cè)試class，所以?xún)烧叨际怯胿ar來(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)過(guò)三輪測(cè)試，結(jié)果分別是 2044/2129/2080，由此可見(jiàn)，兩者在速度上幾乎是沒(méi)有區(qū)別的。

4.x的node版本在運(yùn)行es6代碼相比于es5代碼是非常慢的，但是現(xiàn)在使用node的6.11.2版本來(lái)運(yùn)行es6代碼和運(yùn)行es5代碼相比，兩者是一樣快的，可見(jiàn)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)過(guò)幾輪測(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)過(guò)測(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)過(guò)測(cè)試，可以發(fā)現(xiàn)耗時(shí)分別為 2978/3022/3010。

經(jīng)過(guò)計(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)過(guò)測(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)過(guò)測(cè)試，發(fā)現(xiàn)耗時(shí)分別為 1596/1770/1597。

即使用箭頭函數(shù)的運(yùn)行速度和使用es5方式的箭頭函數(shù)在運(yùn)行速度上是一致的，并且使用es6的箭頭函數(shù)寫(xiě)起來(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í)售后在線(xiàn)，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、網(wǎng)站制作公司香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿(mǎn)足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。

分享標(biāo)題：node中如何使用es5/6-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載：http://muchs.cn/article6/pedig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶(hù)體驗(yàn)、響應(yīng)式網(wǎng)站、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、網(wǎng)站改版、網(wǎng)站設(shè)計(jì)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容