WebAssembly.Module

基线广泛可用 *

自 2017年10月起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

* 此特性的某些部分的支持程度可能有所不同。

WebAssembly.Module 对象包含已经由浏览器编译的无状态 WebAssembly 代码，可以高效地与 Worker 共享和多次实例化。

备注：WebAssembly.Module 对象与 Emscripten 使用的 Module 没有关系。

本文内容

构造函数

WebAssembly.Module()

创建一个新的 Module 对象。

静态属性

WebAssembly.Module.customSections()

给定一个 Module 和字符串，返回模块中具有给定字符串名称的所有自定义的部分的内容副本。

WebAssembly.Module.exports()

给定一个 Module，返回一个数组，其中包含所有声明的导出的描述。

WebAssembly.Module.imports()

给定一个 Module，返回一个数组，其中包含所有声明的导入的描述。

示例

将编译后的模块发送到 worker

以下示例将使用 WebAssembly.compileStreaming() 方法编译 simple.wasm 加载后的字节码，并将返回的 Module 实例通过 postMessage() 发送到一个 worker。

参见 index-compile.html 的源代码，或查看在线演示。

js
const worker = new Worker("wasm_worker.js");

WebAssembly.compileStreaming(fetch("simple.wasm")).then((mod) =>
  worker.postMessage(mod),
);

Worker 函数 wasm_worker.js 定义了模块需要使用的导入对象。然后，该函数会创建一个事件处理器，以接受主线程发送的模块。在接收到模块后，我们使用 WebAssembly.instantiate() 方法创建一个它的实例，然后调用其导出的函数。

js
const importObject = {
  imports: {
    imported_func(arg) {
      console.log(arg);
    },
  },
};

onmessage = (e) => {
  console.log("module received from main thread");
  const mod = e.data;

  WebAssembly.instantiate(mod, importObject).then((instance) => {
    instance.exports.exported_func();
  });
};

规范

WebAssembly JavaScript Interface
# modules

浏览器兼容性

启用 JavaScript 以查看此浏览器兼容性表。

参见

帮助改进 MDN

此页面对您有帮助吗？

是否

了解如何参与贡献

此页面最后更新于 2026年1月29日，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题