WebAssembly.instantiate()

Baseline *

201710

WebAssembly.instantiate() WebAssembly 2

ArrayBuffer WebAssembly 1 Promise WebAssembly.Module WebAssembly.Instance
WebAssembly.Module Module Instance Promise Module

: wasm WebAssembly.instantiateStreaming() 1 ArrayBuffer

wasm

Promise<ResultObject> WebAssembly.instantiate(bufferSource, importObject);

bufferSource: .wasm ArrayBuffer
importObject: WebAssembly.Memory Instance WebAssembly.LinkError

2 ResultObject Promise

module: WebAssembly.Module Module postMessage() IndexedDB
instance: WebAssembly.Instance WebAssembly

Promise<WebAssembly.Instance> WebAssembly.instantiate(module, importObject);

module: WebAssembly.Module
importObject: WebAssembly.Memory Instance 1 WebAssembly.LinkError

WebAssembly.Instance Promise

: WebAssembly.instantiateStreaming() instantiate()

fetch WebAssembly WebAssembly.instantiate() JavaScript WebAssembly Instance WebAssembly

var importObject = {
  imports: {
    imported_func: function (arg) {
      console.log(arg);
    },
  },
};

fetch("simple.wasm")
  .then((response) => response.arrayBuffer())
  .then((bytes) => WebAssembly.instantiate(bytes, importObject))
  .then((result) => result.instance.exports.exported_func());

: Github index.html ()

(GitHub index-compile.html ) simple.wasm WebAssembly.compileStreaming() postMessage()

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

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

(wasm_worker.js) WebAssembly.instantiate()

var importObject = {
  imports: {
    imported_func: function (arg) {
      console.log(arg);
    },
  },
};

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

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


WebAssembly JavaScript Interface # dom-webassembly-instantiate

MDN

MDN 2026523

GitHub