JavaScript爲何快--第一篇？

摘要： V8讓JavaScript更快的祕密；V8的JavaScript執行管道；TurboFan&Ignition

爲啥升級了NodeJS版本，速度會提高？
爲啥NodeJS代碼啓動時那麼慢，運行起來了會變快？
V8 JIT是啥？

前言

V8的產品定義：Speed up real-world performance for modern JavaScript, and
enable developers to build a faster future web.

最近看了V8核心小組3個視頻，感受頗有價值，作一次搬運工（英語好的同窗能夠自行觀賞），我計劃將3個視頻分爲3篇文章來：

• 第一篇來源，V8小組的產品經理；V8, Advanced JavaScript, & the Next Performance Frontier (Google I/O '17)

• 第二篇來源，V8的語法解析；Parsing JavaScript - better lazy than eager?

• 第三篇來源，V8的編譯運行；How JavaScript Engines Work

後語

先將結論放出來：

V8的執行管道架構圖

1.、V8語法解析階段：

JS的語法解析速度： 大約1MB/s；400k的JS代碼，語法解析就須要~370ms

能夠經過，檢查你代碼的語法解析時間

運行的代碼儘可能少:-)

二、V8編譯階段：

儘可能寫"靜態類型"的代碼

WebAssembly 使用了TurboFan

三、V8 JS編碼:

Async/Await（4.5x) 比 Generators(2.5x) 快幾乎2倍

ES2015的速度愈來愈接近ES5

四、V8 for NodeJS:

異步調試代碼: node --inspect app.js && chrome://inspect/#devices

五、V8 for browser:

Coverage功能，檢查運行代碼的覆蓋率

第一篇：why V8? - V8產品經理的描述

做爲第一篇，咱們先看看V8的產品經理是怎麼看待V8引擎的。

全局介紹V8的代碼執行管道的架構。

V8的衡量標準

做爲JS引擎，不光要考慮性能攀升，還須要考慮啓動速度，內存使用率。V8的產品經理給出了他們衡量V8引擎的模型和V8的使用場景。

場景一:

執行只有一個函數；指望快速啓動語法分析而且編譯運行；

場景二：.

執行一萬次foo函數；在PC瀏覽器/NodeJS服務器中，指望高性能運行foo函數；

執行一萬次foo函數；在手機瀏覽器/NodeJS IoT設備中，指望低內存，較高性能運行foo函數；

V8的執行管道

V8到底怎麼作到在快速啓動/性能巔峯，低內存/高優化內存的各個檔位以前任意切換的呢？

TurboFan(渦輪增壓)

V8的優化編譯器，積累了3年以上

• 用於提高代碼性能

• 支持並優化Es2015+特性

• WebAssembly的後臺

Ignition(點火器)

佔用少許內存，快速啓動

• 原先設計用於低內存的設備，如今用於全部平臺節省內存；

• 快速生成二進制代碼，提高頁面啓動速度；

• 結合TurboFan使快速啓動和性能優化更簡單；

Ignition+TurboFan

2017年全新的JavaScript pipeline

• JS代碼更快

• 更少內存

• 更全新的性能提高

• 更適合NodeJS

• 再也不拖欠JS新增功能

• 重寫內置函數（高達4倍提速）

Speedometer2

V8用於的更適合測試JS的benchmarks

• 測試流行MVC框架的最新版本TodoList

• 幾乎(謙虛)是最好的瀏覽器benchmarks

優化ES2015

• Generators提高2.5倍速度

• Async/Await提高4.5倍速度

• Promise提高4倍速度

V8 love NodeJS

V8是NodeJS委員會的核心成員，持續提高優化NodeJS的性能

AcmeAir benchmark

NodeJS的benchmark

Node + DevTools

更容易調試NodeJS的代碼

• 啓動時加--inspect參數node --inspect index.js

• 經過chrome地址欄的about:inspect連接調試node代碼

• 支持異步調試，profiling和更多功能

Code Coverage功能

查看哪些代碼沒有被執行

WebAssembly

安全跨瀏覽器的原生代碼

• Chrome和FireFox支持，將來包括：Edge和Safari

• 經過Emscripten toolchain編譯C/C++到web

• 將來計劃：更好的性能；更容易從Response object實例化；支持共享ArrayBuffers(Chrome 60)

小結

JavaScript的執行性能，依賴環境和上下文。
Ignition+TurboFan+Webassambly，可讓V8在快速啓動/性能巔峯;低內存/高優化內存；各個檔位以前任意切換；

本文做者：秦粵

閱讀原文

本文爲雲棲社區原創內容，未經容許不得轉載。