WebAssembly.Table.prototype.set()

BaselineWidely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.

Theset() prototype method of theWebAssembly.Table object mutates a reference stored at a given index to a different value.

Syntax

set(index, value)

Parameters

index: The index of the function reference you want to mutate.
value: The value you want to mutate the reference to. This must be a value of the table's element type. Depending on the type, it may be anexported WebAssembly function, a JavaScript wrapper for an underlying Wasm function, or a host reference.

Exceptions

Ifindex is greater than or equal toTable.prototype.length, aRangeError is thrown.
Ifvalue is not of the element type of the table, aTypeError is thrown.

The following example (see table2.htmlsource code andlive version) creates a new WebAssembly Table instance with an initial size of two references. We then print out the table length and contents of the two indexes (retrieved viaTable.prototype.get()) to show that the length is two, and the indexes currently contain no function references (they currently returnnull).

const tbl = new WebAssembly.Table({ initial: 2, element: "anyfunc" });console.log(tbl.length);console.log(tbl.get(0));console.log(tbl.get(1));

We then create an import object that contains a reference to the table:

const importObj = {  js: { tbl },};

Finally, we load and instantiate a Wasm module (table2.wasm) usingWebAssembly.instantiateStreaming(), print the table length, and invoke the two referenced functions that are now stored in the table. Thetable2.wasm module adds two function references to the table, both of which print out a simple value (seetext representation:

WebAssembly.instantiateStreaming(fetch("table2.wasm"), importObject).then(  (obj) => {    console.log(tbl.length);    console.log(tbl.get(0)());    console.log(tbl.get(1)());  },);

Note how you've got to include a second function invocation operator at the end of the accessor to actually invoke the referenced function and log the value stored inside it (e.g.,get(0)() rather thanget(0)).

This example shows that we're creating and accessing the table from JavaScript, but the same table is visible and callable inside the Wasm instance, too.