16-3 (付費) 計算極速：WebAssembly 與多執行緒

1. WebAssembly (WASM) 是什麼？

WASM 不是取代 JS，它是 JS 的強力隊友。 它是一個濃縮、高效的二進位格式。

// 載入與執行 WASM
const response = await fetch('module.wasm');
const bytes = await response.arrayBuffer();
const results = await WebAssembly.instantiate(bytes);

const { heavyLogic } = results.instance.exports;
console.log(heavyLogic()); // 速度比純 JS 快數倍

2. 避免 V8 引擎的高額成本

• 不要隨意更換物件結構：這會導致 V8 丟棄優化好的底層代碼 (Deoptimization)。
• 保持函數參數的 Stable：輸入類型越統一，JS 引擎跑得越順。

3. Off-Main-Thread 架構

把所有不影響 UI 的邏輯，通通丟給 Web Workers。 主執行緒只負責一件事：處理使用者的點擊與畫面更新。