JS WebAssembly.instantiateStreaming()

🌙
手机阅读
本文目录结构

WebAssembly.instantiateStreaming() 方法直接从流式底层源编译和实例化WebAssembly模块。这是加载wasm代码一种非常有效的优化方式。

Syntax

Promise WebAssembly.instantiateStreaming(source, importObject);

Parameters

source

一个Response对象 或 一个可以履行(fulfill)一个(Response)的 Promise,表示你想要传输、编译和实例化的 .wasm 模块基础源。

importObject 可选

包含一些想要导入到新创建Instance中值的对象,例如方法 或  WebAssembly.Memory 对象。每个已编译模块的声明导入必须有一个匹配属性,否则抛出 [WebAssembly.LinkError] 异常。

Return value

一个 Promise ,通过resolve返回一个包含两个属性的 ResultObject :

Exceptions

Examples

下面的示例 (在GitHub上查看 instantiate-streaming.html 示例, 并且也可 view it live ) 直接从基础源传输一个 .wasm 模块,然后进行编译和实例化, Promise 履行后返回一个 ResultObject. 因为 instantiateStreaming() 方法允许履行后返回Response对象的Promise,你可以直接传递一个 WindowOrWorkerGlobalScope.fetch()请求,它会在履行后将response传递给方法.

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

WebAssembly.instantiateStreaming(fetch('simple.wasm'), importObject)
.then(obj => obj.instance.exports.exported_func());

然后访问ResultObject的实例成员,并调用包含的公开函数。

Specifications

Specification Status Comment
[WebAssembly features for web embedding
instantiateStreaming()](https://github.com/WebAssembly/design/blob/master/Web.md#webassemblyinstantiatestreaming) Draft Initial draft definition.

See also

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了