解决方法
使用WebAssembly工具链时如何调用JavaScript API取决于该特定的工具链.它实际上是一种FFI的形式:从C代码看来,您正在调用外部函数,但是工具链与嵌入器(这里是浏览器的JavaScript)挂钩.几个例子:
> C++ with Emscripten
> SDL2
> html5.h
> OpenGL / WebGL / OpenGL ES / OpenGL ES 2.0
> Unity scripting
Emscripten等工具链会自动为WebAssembly.instantiate(与.html和.js文件一起)生成一个importObject.因此,大部分内部WebAssembly细节通常都是隐藏的(我在下面记录下文).
此设计允许您调用任何JavaScript代码,而不仅仅是JavaScript API.因此,您可以从WebAssembly调用您自己的JavaScript代码.工具链简单易于处理常见的Web API集合,有时以跨平台方式处理.音频,键盘,鼠标,操纵杆和图形.
内部细节
WebAssembly的JavaScript API允许您将an importObject
传递到WebAssembly.Instantiate构造函数和WebAssembly.instantiate函数:
new Instance(moduleObject [,importObject]) Promise<{module:WebAssembly.Module,instance:WebAssembly.Instance}> instantiate(BufferSource bytes [,importObject])
WebAssembly binary format包含一个import section,您(通过一个编译器,如LLVM)声明它将使用的导入.这些导入的字段都是在importObject中查找的,而通过WebAssembly的函数can be invoked调用和call_indirect操作码.
因此,您可以调用任意JavaScript,从而可以调用所需的任何Web API.将来,WebAssembly可能会在gain capabilities which allow the embedder expose APIs directly中嵌入浏览器,包括DOM,画布,事件等.