WebAssembly（WASM）是用於高性能Web應(yīng)用程序的遊戲改變者，通過(guò)與JavaScript一起在瀏覽器中運(yùn)行二進(jìn)制代碼來(lái)實(shí)現(xiàn)近速度執(zhí)行。 1）WASM是由主要科技公司共同設(shè)計(jì)的二進(jìn)制指令格式，並由W3C標(biāo)準(zhǔn)化，並在所有現(xiàn)代瀏覽器中支持。 2）它補(bǔ)充了JavaScript而不是替換它，在計(jì)算較重的任務(wù)中出色的任務(wù)，例如圖像處理，遊戲，CAD工具和實(shí)時(shí)數(shù)據(jù)分析。 3）關(guān)鍵優(yōu)勢(shì)包括近乎本地的性能，對(duì)RUST，C/C和GO等語(yǔ)言的支持，由於緊湊的二進(jìn)制尺寸而更快地加載，以及在沒(méi)有垃圾收集暫停的情況下更可預(yù)測(cè)的執(zhí)行。 4）為了開(kāi)始，開(kāi)發(fā)人員通常會(huì)選擇一種語(yǔ)言，例如Rust，隔離性能至關(guān)重要的邏輯，將其使用WASM-PACK或EMSCRIPTEN之類(lèi)的工具編譯為WASM，並將所得模塊集成到JavaScript中。 5）值得注意的例子包括用於復(fù)雜矢量圖形和瀏覽器中桌面的功能的FIGMA和AutoCAD利用WASM。 6）常見(jiàn)用例涵蓋了實(shí)時(shí)遊戲發(fā)動(dòng)機(jī)，音頻/視頻處理，科學(xué)模擬以及將桌面應(yīng)用程序移植到網(wǎng)絡(luò)上。 7）但是，WASM不適合簡(jiǎn)單的UI相互作用或DOM操縱，在該JavaScript仍然更有效?？偠灾?，當(dāng)JavaScript性能達(dá)到其限制時(shí)，WebAssembly提供了一個(gè)功能強(qiáng)大的標(biāo)準(zhǔn)化解決方案，可以直接在瀏覽器中運(yùn)行高性能代碼，從而使復(fù)雜的應(yīng)用程序能夠有效地運(yùn)行而無(wú)需離開(kāi)Web平臺(tái)。

WebAssembly（WASM）不僅僅是另一個(gè)Web技術(shù)流行語(yǔ)，它是用於構(gòu)建高性能Web應(yīng)用程序的遊戲規(guī)則。如果您要處理計(jì)算重重的任務(wù)，例如圖像處理，遊戲，CAD工具或?qū)崟r(shí)數(shù)據(jù)分析，傳統(tǒng)的JavaScript可能會(huì)開(kāi)始受到限制。這就是WebAssembly介入的地方。

什麼是WebAssembly？

WebAssembly是一種二進(jìn)制指令格式，旨在以近速度在網(wǎng)絡(luò)上運(yùn)行代碼。將其視為與瀏覽器中JavaScript一起運(yùn)行的低級(jí)虛擬機(jī)。它是由Mozilla，Google，Microsoft和Apple等主要參與者共同設(shè)計(jì)的，現(xiàn)在是所有現(xiàn)代瀏覽器中支持的W3C標(biāo)準(zhǔn)。

與JavaScript不同的是，JavaScript是基於文本的，並且解釋?zhuān)ɑ騄IT編譯），WASM是緊湊的，二進(jìn)制的，可以將其解析和執(zhí)行得更快。這並不是要替換JavaScript，而是通過(guò)處理應(yīng)用程序的關(guān)鍵性能部分來(lái)補(bǔ)充它。

為什麼要將WASM用於高性能應(yīng)用程序？

當(dāng)績(jī)效很重要時(shí)，WASM在幾個(gè)關(guān)鍵領(lǐng)域提供：

• 近速度：WASM代碼的運(yùn)行速度明顯快於同等的JavaScript，尤其是對(duì)於CPU密集型操作。
• 語(yǔ)言靈活性：您可以用Rust，c/c甚至使用的語(yǔ)言編寫(xiě)WASM模塊，然後將其編譯為在瀏覽器中運(yùn)行。
• 有效的加載：二進(jìn)制格式比大JavaScript束要小，更快地下載和解析。
• 可預(yù)測(cè)的性能：WASM避免了JavaScript的垃圾收集暫停和解釋器頂部，從而導(dǎo)致更加一致的執(zhí)行。

例如，F(xiàn)igma使用WebAssembly為其矢量圖形引擎供電，並且AutoCAD使用WASM在瀏覽器中運(yùn)行其桌面軟件的一部分 - 在純JavaScript下會(huì)遇到的任務(wù)。

如何開(kāi)始WASM

您不需要編寫(xiě)原始組件。大多數(shù)開(kāi)發(fā)人員使用高級(jí)語(yǔ)言並將其編譯為WASM。這是一個(gè)典型的工作流程：

• 選擇一種語(yǔ)言：由於其安全性，性能和出色的WASM支持wasm-pack Rust是最佳選擇。
• 編寫(xiě)您的模塊：隔離性能至關(guān)重要的邏輯（例如，物理引擎或數(shù)據(jù)解析器）。
• 編譯到WASM ：使用wasm-pack （Rust）或Emscripten（C/C）之類(lèi)的工俱生成.wasm文件。
• 與JavaScript集成：加載並實(shí)例化您應(yīng)用中的WASM模塊，根據(jù)需要調(diào)用其功能。

示例（Rust JavaScript）：

 //加載並使用WASM模塊
導(dǎo)入init，{heady_computation}來(lái)自'./pkg/my_wasm_app.js';

異步函數(shù)運(yùn)行（）{
  等待init（）;
  const結(jié)果= heavy_computation（1000000）;
  console.log（結(jié)果）;
}

常見(jiàn)用例

WASM在特定的高性能場(chǎng)景中發(fā)光：

• 圖形和遊戲：實(shí)時(shí)渲染，遊戲引擎（例如，Unity使用WASM）。
• 音頻/視頻處理：轉(zhuǎn)碼，過(guò)濾器或?qū)崟r(shí)效果。
• 科學(xué)計(jì)算：仿真，數(shù)學(xué)算法。
• 瀏覽器中的桌面應(yīng)用程序：移植現(xiàn)有的C或Rust工具（例如Photoshop替代方案）。

對(duì)於所有內(nèi)容而言，這都是不理想的 - 簡(jiǎn)單的UI交互或DOM操縱仍然可以通過(guò)JavaScript更好地處理。

基本上，如果您的應(yīng)用在JavaScript中撞到了性能牆，則WebAssembly是突破它的強(qiáng)大工具 - 而不會(huì)留下瀏覽器。

以上是高性能應(yīng)用程序的WebAssembly（WASM）簡(jiǎn)介的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！