WebAssembly 系列（一）生動形象地介紹 WebAssembly

做者：Lin Clark

編譯：鬍子大哈

翻譯原文：huziketang.com/blog/posts/…

英文原文：A cartoon intro to WebAssembly

轉載請註明出處，保留原文連接以及做者信息

---

你可能已經據說過，WebAssembly 執行的更快。可是 WebAssembly 爲何執行的更快呢？

在這個系列文章中，我會爲你解釋這一點。

等等，什麼是 WebAssembly？

WebAssembly 是除了 JavaScript 之外，另外一種能夠在瀏覽器中執行的編程語言。因此當人們說 WebAssembly 更快的時候，通常來說是與 JavaScript 相比而言的。

我不會暗示你們開發時對兩者的選擇——或者選擇 WebAssembly，或者選擇 JavaScript。實際上，咱們更但願在同一個工程中，兩個你同時使用。

對兩者的比較卻是很是有必要的，這樣你就能夠了解到 WebAssembly 所擁有的獨特特性。

一些關於性能的歷史

JavaScript 於 1995 年問世，它的設計初衷並非爲了執行起來快，在前 10 個年頭，它的執行速度也確實不快。

緊接着，瀏覽器市場競爭開始激烈起來。

被人們廣爲傳播的「性能大戰」在 2008 年打響。許多瀏覽器引入了 Just-in-time 編譯器，也叫 JIT。基於 JIT 的模式，JavaScript 代碼的運行漸漸變快。

正是因爲這些 JIT 的引入，使得 JavaScript 的性能達到了一個轉折點，JS 代碼執行速度快了 10 倍。

隨着性能的提高，JavaScript 能夠應用到之前根本沒有想到過的領域，好比用於後端開發的 Node.js。性能的提高使得 JavaScript 的應用範圍獲得很大的擴展。

如今經過 WebAssembly，咱們頗有可能正處於第二個拐點。

因此，接下來，咱們深刻了解一下爲何 WebAssembly 更快、執行效率更高。

接下來一系列的文章但願讀者可以細細品味，仔細閱讀，文章以下：

背景知識：

• WebAssembly 系列（二）JavaScript Just-in-time (JIT) 工做原理
• WebAssembly 系列（三）編譯器如何生成彙編

當前 WebAssembly 的情況

• WebAssembly 系列（四）WebAssembly 工做原理
• WebAssembly 系列（五）爲何 WebAssembly 更快？

WebAssembly 的將來

• WebAssembly 系列（六）WebAssembly 的如今與將來

---

我最近正在寫一本《React.js 小書》，對 React.js 感興趣的童鞋，歡迎指點。