如何在 Web Worker 中使用 WebAssembly (wasm) 代码？

Question

目前，一个 Web Worker 是这样实例化的：

let worker = new Worker('worker.js');

然后浏览器获取worker.js，它可以开始响应消息。

我想使用 WebAssembly 实现我的工作人员的功能。理想情况下，我想做这样的事情：

let worker = new Worker('worker.wasm');

但我很确定这是不可能的。最明显的替代方法是让worker.js 获取worker.wasm 并编译并运行它。但这意味着我们获取一个脚本 (worker.js)，它唯一的工作就是获取并运行另一个脚本 (worker.wasm)。这对我来说感觉很恶心。所以我的问题是：有没有更简洁的方式在 Web Worker 中使用 WebAssembly，不会引入额外的 fetch 步骤？

Answer 1

您可以将postMessage 和WebAssembly.Module 联系到Worker。因此，您将在主脚本中编译 foo.wasm，然后编译 postMessage 它，预计哪些实现会优化以避免重新编译或复制代码（尽管此时并非所有实现都这样做）。然后你只需要你的工人来实例化。

您需要实例化的一件事是importObject，并且您传入的内容需要驻留在该工人身上！因此，即使您可以说“使用此 .wasm 的新员工”，您也无法指定 importObject。

这已记录在 in structured clone，这也会影响 IndexDB。