⚡ WebAssembly 沙盒

在瀏覽器中直接執行 WebAssembly 模組，探索整數運算、位元運算與浮點數指令。所有計算在本機即時完成，無需安裝任何工具。

什麼是 WebAssembly Playground？

WebAssembly Playground 讓你在瀏覽器中直接執行 WebAssembly（Wasm）模組，探索整數運算、位元運算與浮點數指令的行為。所有計算在本機即時完成，無需安裝任何工具鏈或編譯環境，適合學習與實驗 Wasm 的底層運作。

對想了解 WebAssembly 如何執行、各種指令如何運算的開發者與學習者，這是一個即開即用的互動沙盒。

適用情境

如何使用

  1. 在編輯區輸入或載入 WebAssembly 模組／指令。
  2. 執行模組，工具在本機即時運算。
  3. 觀察整數、位元與浮點運算的結果。
  4. 調整指令反覆實驗，理解其行為。

使用技巧

名詞解釋

WebAssembly（Wasm）
可在瀏覽器以接近原生速度執行的低階位元組碼格式。
位元運算
對二進位位元直接操作的運算，如 AND、OR、位移。
浮點數
用於表示帶小數的數值，運算會有精度限制。

常見問題 FAQ

什麼是 WebAssembly（WASM）？

WebAssembly（WASM）是一種低階的二進位指令格式，可在現代瀏覽器中以接近原生速度執行。它是 C/C++、Rust 等語言編譯的目標格式，也可以手寫 WAT（WebAssembly Text Format）純文字格式再編譯成二進位。

WAT 格式是什麼？跟 WASM 有什麼關係？

WAT（WebAssembly Text Format）是 WASM 二進位的人類可讀文字表示，兩者語義完全相同。開發者通常用 WAT 撰寫或閱讀 WebAssembly 邏輯，再透過 wabt 等工具編譯成 WASM 二進位格式供執行引擎載入。

這個工具的 WASM 模組是怎麼產生的？

所有範例模組均由 WAT 原始碼透過 wabt（WebAssembly Binary Toolkit）在開發時編譯，以 Base64 格式內嵌於頁面中。執行時，瀏覽器的 WebAssembly.instantiate() API 解碼並載入模組，再呼叫對應的匯出函式。

為什麼要用 WebAssembly 而不是純 JavaScript？

WebAssembly 在計算密集型任務（圖像處理、密碼學、科學計算等）上效能接近原生，不受 JavaScript 動態型別的開銷影響。此外，WASM 的強型別設計讓 C/C++/Rust 等語言的程式碼可以直接移植到瀏覽器執行。

需要安裝工具鏈嗎？

不需要。WebAssembly Playground 直接在瀏覽器中執行模組，無需安裝任何編譯器或工具鏈，即開即用。

適合誰使用？

適合想了解 WebAssembly 底層運作的開發者與學習者，也適合教學示範整數、位元與浮點運算的行為。

運算會上傳嗎？

不會。所有計算都在你的瀏覽器本機即時完成，不會上傳到伺服器。

可以做正式開發嗎？

本工具偏向學習與實驗的沙盒。正式的 Wasm 開發仍建議使用完整的工具鏈（如 Emscripten、wasm-pack）與測試流程。