如何在本地加载wasm模块？

在本地加载wasm模块可以通过以下步骤实现：

编写wasm模块：使用C/C++等语言编写wasm模块，并将其编译为.wasm文件。可以使用Emscripten等工具链来进行编译。
创建JavaScript代码：在JavaScript中创建一个WebAssembly实例，用于加载和执行wasm模块。可以使用WebAssembly.instantiateStreaming或WebAssembly.instantiate方法来加载.wasm文件。
加载wasm模块：使用fetch API或XMLHttpRequest从服务器或本地文件系统加载.wasm文件。可以通过指定.wasm文件的URL或将其作为二进制数据传递给WebAssembly.instantiateStreaming或WebAssembly.instantiate方法。
实例化wasm模块：一旦.wasm文件加载完成，使用WebAssembly.instantiateStreaming或WebAssembly.instantiate方法实例化wasm模块。这将返回一个包含导出函数和内存缓冲区的对象。
调用wasm模块函数：通过访问实例化后的wasm模块对象的导出函数，可以在JavaScript中调用wasm模块中定义的函数。可以将参数传递给这些函数，并获取返回值。

以下是一个示例代码，演示了如何在本地加载wasm模块：

fetch('example.wasm')
  .then(response => response.arrayBuffer())
  .then(buffer => WebAssembly.instantiate(buffer))
  .then(module => {
    const exports = module.instance.exports;
    // 调用wasm模块中的函数
    const result = exports.add(2, 3);
    console.log(result); // 输出：5
  });

在这个示例中，我们使用fetch API加载了名为example.wasm的.wasm文件，并将其转换为ArrayBuffer。然后，我们使用WebAssembly.instantiate方法实例化了wasm模块，并获取了导出函数。最后，我们调用了wasm模块中的add函数，并将结果打印到控制台。

请注意，这只是一个简单的示例，实际的加载和使用wasm模块可能涉及更复杂的逻辑和错误处理。此外，具体的wasm模块加载方法可能因不同的开发环境和框架而有所差异。