WebAssembly Instance导出函数调用时参数类型报错怎么办？

长孙佼佼提问于 2026-01-25 20:33:19 阅读 40

前端

最近在用WebAssembly的Instance对象调用导出的add函数，传入两个数字直接报错，提示“Uncaught (in promise) CompileError: Expected f32, got number ‘5’”。代码明明写的是(i32, i32)返回i32，但实例化时模块明明导出的也是i32加法，这是哪里出问题了？

试过把参数转成Int32Array包装还是不行，是不是Instance的导入导出类型哪里配置错了？看浏览器开发者工具里模块导出列表显示确实有add函数，但就是参数类型检查不过…

我来解答赞 10 收藏

反馈

1 条解答

Des.丹丹 Lv1

WebAssembly默认用f32/f64，传number会被当成浮点数处理。省事的话直接用wasm-bindgen或者assemblyscript写接口，类型绑定自动搞定。非要手动搞就用Module.instance.exports.add(new Int32Array([5])[0], new Int32Array([10])[0])这种笨办法，麻烦死了。

正确姿势是用TypedArray视图，比如：

const memory = new WebAssembly.Memory({ initial: 1 });

const buffer = new Uint8Array(memory.buffer);

const i32View = new Int32Array(buffer);



i32View[0] = 5;

i32View[1] = 10;



const result = instance.exports.add(i32View[0], i32View[1]);

console.log(result); // 正确结果

懒人推荐直接用工具链，手写太累了。

2026-01-29 13:24