使用流式 WebAssembly API

获取、编译和实例化 WebAssembly 模块最高效的方法是使用 WebAssembly API 的流式变体。例如，您可以使用 instantiateStreaming 结合 fetch 来一次完成所有三个步骤：

const { instance, module } = await WebAssembly.instantiateStreaming(
  fetch("https://wpt.live/wasm/incrementer.wasm"),
);

const increment = instance.exports.increment as (input: number) => number;
console.log(increment(41));

注意，.wasm 文件必须以 application/wasm MIME 类型进行服务。如果您想在实例化之前对模块进行更多的工作，您可以使用 compileStreaming：

const module = await WebAssembly.compileStreaming(
  fetch("https://wpt.live/wasm/incrementer.wasm"),
);

/* 进行一些额外的工作 */

const instance = await WebAssembly.instantiate(module);
instance.exports.increment as (input: number) => number;

如果出于某种原因您无法使用流式方法，则可以回退到较少效率的 compile 和 instantiate 方法。例如，请参阅 MDN 文档 。更深入地了解流式方法更高效的原因，请参阅 此文章 。