我编写了一个C函数,可以使用WebAssembly从Angular / TypeScript / JavaScript执行:
testWebAssembly() {
Module.ccall("aCFunction", null, [], []); // takes a few seconds to finish
}
此函数需要进行大量的数学计算,并且需要几秒钟才能完成。当用户单击按钮时将触发:
<button (click)="testWebAssembly()">Launch C function</button>
是否可以执行该功能,以使其不会阻塞Web应用程序的UI?
我尝试了
setTimeOut
/ async
/ Promise
,但是我似乎无法使其工作。谢谢!
最佳答案
WebAssembly和JavaScript共享同一执行线程,即,当您从JavaScript中执行WebAssembly时,JavaScript代码会暂停,反之亦然。在这方面,这就像从JavaScript代码执行其他任何本机(即浏览器提供的)API一样。
您要做的一种选择是在WebWorker中运行WebAssembly,使用postMessage
将消息发送到在其他线程中执行的wasm代码。这里有一个很好的例子,它使用WebWorkers渲染了一个分形:
https://www.reddit.com/r/rust/comments/8hdq5r/a_rust_javascript_web_workers_fractal_renderer/
将来,WebAssembly可能会自己支持线程:
https://github.com/WebAssembly/threads