如何重新初始化wasm-bindgen生成的模块并实例化多个？

默认--target web生成的JS包装代码用全局变量缓存了Wasm实例，导致init函数只会返回同一个实例。要实现多实例或重新初始化，同时保留原有包装代码的便捷性，可以用以下几种方法：

方法1：修改自动生成的JS包装代码，添加重置开关 #

直接修改生成的JS文件，给init函数增加控制参数，允许跳过缓存或重置实例：

原代码片段：

let wasm;
export default function init(input) {
  if (wasm !== undefined) return wasm;
  // ... 实例化Wasm的逻辑
}

修改后：

let wasm;
export default function init(input, forceReset = false) {
  // 如果已有实例且未要求重置，直接返回
  if (wasm !== undefined && !forceReset) return wasm;
  // 重置缓存变量
  wasm = undefined;
  // ... 保留原有实例化逻辑，实例化完成后会重新给wasm赋值
}

使用方式：

• 正常获取单例：await init()
• 重新初始化实例：await init(undefined, true)
• 每次获取新实例：每次调用都传true（注意：这种方式会覆盖全局缓存的实例，若其他地方依赖单例会受影响）

方法2：封装函数实现多实例隔离 #

如果不想修改自动生成的代码，可以自己写封装函数，临时重置缓存后创建新实例，同时不破坏原有单例：

import originalInit from './your-generated-wasm-module.js';

async function createNewWasmInstance(input) {
  // 保存原有单例缓存
  const cachedWasm = originalInit.wasm;
  try {
    // 临时清空缓存
    originalInit.wasm = undefined;
    // 调用init获取新实例
    const newInstance = await originalInit(input);
    return newInstance;
  } finally {
    // 恢复原有缓存，不影响其他地方的单例使用
    originalInit.wasm = cachedWasm;
  }
}

使用方式：

// 创建两个独立的实例
const instance1 = await createNewWasmInstance();
const instance2 = await createNewWasmInstance();

// 重新初始化原有单例
originalInit.wasm = undefined;
await originalInit();

方法3：直接调用WebAssembly API实例化（进阶） #

如果需要完全独立的实例，也可以跳过自动生成的init函数，直接用WebAssembly API加载模块，再手动绑定wasm-bindgen的包装逻辑。这种方式灵活性最高，但需要熟悉生成代码的内部结构：

async function createIndependentInstance() {
  // 加载Wasm二进制文件
  const response = await fetch('./your-module.wasm');
  const bytes = await response.arrayBuffer();
  // 实例化模块
  const { instance } = await WebAssembly.instantiate(bytes);
  // 复制原有init函数中的绑定逻辑，把实例挂载到包装对象上
  const wasmInstance = instance.exports;
  // 这里可以复制原有包装代码中给wasmInstance添加的辅助方法（如果有的话）
  return wasmInstance;
}

内容的提问来源于stack exchange，提问作者Nearoo