WebAssembly.Global() constructor
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2020.
A WebAssembly.Global() constructor creates a new Global object representing a global variable instance, accessible from both JavaScript and importable/exportable across one or more WebAssembly.Module instances.
This allows dynamic linking of multiple modules.
Syntax
new WebAssembly.Global(descriptor, value)
Parameters
descriptor-
An object, which contains two properties:
value-
The value the variable contains. This can be any value, as long as its type matches the variable's data type. If no value is specified, a typed
0value is used where the value ofdescriptor.valueis one ofi32,i64,f32, orf64, andnullis used ifdescriptor.valueisexternreforanyfunc.
Examples
>Creating a new Global instance
The following example shows a new global instance being created using the WebAssembly.Global() constructor.
It is being defined as a mutable i32 type, with a value of 0.
The value of the global is then changed, first to 42 using the Global.value property, and then to 43 using the incGlobal() function exported out of the global.wasm module (this adds 1 to whatever value is given to it and then returns the new value).
const output = document.getElementById("output");
function assertEq(msg, got, expected) {
const result =
got === expected
? `SUCCESS! Got: ${got}\n`
: `FAIL!\nGot: ${got}\nExpected: ${expected}\n`;
output.innerText += `Testing ${msg}: ${result}`;
}
assertEq("WebAssembly.Global exists", typeof WebAssembly.Global, "function");
const global = new WebAssembly.Global({ value: "i32", mutable: true }, 0);
WebAssembly.instantiateStreaming(fetch("global.wasm"), { js: { global } }).then(
({ instance }) => {
assertEq(
"getting initial value from wasm",
instance.exports.getGlobal(),
0,
);
global.value = 42;
assertEq(
"getting JS-updated value from wasm",
instance.exports.getGlobal(),
42,
);
instance.exports.incGlobal();
assertEq("getting wasm-updated value from JS", global.value, 43);
},
);
Note: You can see the example running live on GitHub; see also the source code.
Specifications
| Specification |
|---|
| WebAssembly JavaScript Interface> # dom-global-global> |
Browser compatibility
See also
globaldefinition- WebAssembly overview
- WebAssembly concepts
- Using the WebAssembly JavaScript API