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

wangbjun 發布于2019-08-20 15:09 / 1138人閱讀

摘要：但是為什么執行的更快呢在這個系列文章中，我會為你解釋這一點。所以當人們說更快的時候，一般來講是與相比而言的。被人們廣為傳播的性能大戰在年打響。性能的提升使得的應用范圍得到很大的擴展。現在通過，我們很有可能正處于第二個拐點。

作者：Lin Clark

編譯：胡子大哈

翻譯原文：http://huziketang.com/blog/posts/detail?postId=58ce8036a6d8a07e449fdd27

英文原文：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 感興趣的童鞋，歡迎指點。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/82040.html

WebAssembly 為什么比 asm.js 快？

摘要：并且于年月日，四個主要的瀏覽器一致同意宣布的版本已經完成，即將推出一個瀏覽器可以搭載的穩定版本。因此本文著重介紹為什么比更快。本文主要表達的是為什么應該是更快的。則不同，它是由幾大主要的瀏覽器廠商共同設計的。作者：Alon Zakai 編譯：胡子大哈翻譯原文：http://huziketang.com/blog/posts/detail?postId=58ce80d2a6d8a0...

Binguner 2019-08-20 15:17 評論0 收藏0
WebAssembly 系列（五）為什么 WebAssembly 更快？

摘要：圖表中的比例并不代表真實情況下的確切比例情況。解析當到達瀏覽器時，源代碼就被解析成了抽象語法樹。解析過后抽象語法樹就變成了中間代碼叫做字節碼，提供給引擎編譯。目前為止，不支持垃圾回收。這就是為什么在大多數情況下，同一個任務比表現更好的原因。作者：Lin Clark 編譯：胡子大哈翻譯原文：http://huziketang.com/blog/posts/detail?postId...

劉德剛 2019-08-20 15:06 評論0 收藏0
WebAssembly 系列（四）WebAssembly 工作原理

摘要：但是它們其實并不是二選一的關系并不是只能用或者。正因為如此，指令有時也被稱為虛擬指令。這是因為是采用基于棧的虛擬機的機制。聲明模塊的全局變量。。下文預告現在你已經了解了模塊的工作原理，下面將會介紹為什么運行的更快。作者：Lin Clark 編譯：胡子大哈翻譯原文：http://huziketang.com/blog/posts/detail?postId=58c77641a6d8...

stormzhang 2019-08-20 15:05 評論0 收藏0
前端每周清單半年盤點之 JavaScript 篇

摘要：前端每周清單專注前端領域內容，以對外文資料的搜集為主，幫助開發者了解一周前端熱點分為新聞熱點開發教程工程實踐深度閱讀開源項目巔峰人生等欄目。背后的故事本文是對于年之間世界發生的大事件的詳細介紹，闡述了從提出到角力到流產的前世今生。前端每周清單專注前端領域內容，以對外文資料的搜集為主，幫助開發者了解一周前端熱點；分為新聞熱點、開發教程、工程實踐、深度閱讀、開源項目、巔峰人生等欄目。歡迎...

Vixb 2019-08-21 12:04 評論0 收藏0