WebAssembly (Wasm) 和 JavaScript (JS) 之间的交互确实有一些限制，但并不完全局限于只能传递 number 类型的数据。实际上，Wasm 和 JS 可以直接交换多种类型的值，并且对于更复杂的数据结构，确实通常需要进行序列化和反序列化。以下是详细的解释：
直接支持的数据类型
-
数值类型：
- WebAssembly 支持与 JavaScript 之间直接传递整数（如
i32,i64）和浮点数（如f32,f64）。在 JavaScript 中，这些数值会自动转换为相应的 JavaScript 数值类型。
- WebAssembly 支持与 JavaScript 之间直接传递整数（如
-
布尔类型：虽然 WebAssembly 没有明确的布尔类型，但是可以通过整数（0 表示 false，非零表示 true）来表示布尔值。
-
空值 (
null)：可以使用 0 或特定的标记值来表示 null。
更复杂的数据结构
对于更复杂的数据结构，如对象、数组、字符串等，WebAssembly 和 JavaScript 之间的通信确实需要额外的工作，因为 WebAssembly 内部使用的内存布局和 JavaScript 的不同。以下是几种常见的方式：
1. 线性内存操作
-
字符串：可以将字符串编码为 UTF-8 字节序列并存储在 WebAssembly 的线性内存中，然后通过指针传递给 JavaScript。JavaScript 可以读取这些字节并解码为字符串。
-
数组/对象：可以将数组或对象序列化为 JSON 字符串或其他二进制格式（如 MessagePack），然后再按照上述方法处理。
2. 使用 Emscripten 工具链
如果你是通过 Emscripten 编译 C/C++ 代码到 WebAssembly，Emscripten 提供了一些高级特性来简化数据交换，例如：
Module.ccall和Module.cwrap：允许调用 C 函数并指定参数和返回值类型。getValue和setValue：用于直接访问 WebAssembly 线性内存中的值。- 自动管理内存：Emscripten 可以帮助你更方便地管理 WebAssembly 和 JavaScript 之间的内存分配和释放。
3. 使用 WebAssembly 绑定库
一些绑定库（如 wasm-bindgen for Rust）可以帮助自动生成必要的包装代码，使得从 WebAssembly 到 JavaScript 的复杂数据交换更加简单。它们通常会处理好底层的序列化和反序列化逻辑。
4. 序列化和反序列化
对于更复杂的场景，通常的做法是：
- 序列化：在 WebAssembly 中将复杂的数据结构（如对象、数组）序列化为一种中间格式（如 JSON 字符串、Protocol Buffers、MessagePack 等）。
- 传递：通过线性内存或其它方式将序列化的数据传递给 JavaScript。
- 反序列化：在 JavaScript 端接收数据后，将其反序列化回原始的数据结构。
示例：传递字符串
// 在 WebAssembly 中
export function greet(namePtr, nameLen) {// 假设有一个函数可以从线性内存读取字符串const name = readStringFromMemory(namePtr, nameLen);return allocateAndWriteStringToMemory(`Hello, ${name}!`);
}// 在 JavaScript 中
function callGreet(wasmInstance, name) {// 将字符串写入 WebAssembly 线性内存const [namePtr, nameLen] = writeStringToMemory(name, wasmInstance);// 调用 WebAssembly 函数const greetingPtr = wasmInstance.exports.greet(namePtr, nameLen);// 从 WebAssembly 线性内存读取返回的字符串const greeting = readStringFromMemory(greetingPtr);// 清理资源（如果有必要）freeMemory(namePtr);freeMemory(greetingPtr);return greeting;
}
总结
虽然 WebAssembly 和 JavaScript 之间的直接交互可能看起来有些受限，但通过适当的工具和技术，你可以高效地处理各种复杂的数据结构。对于简单的数值类型，可以直接传递；
而对于复杂的数据结构，则通常需要进行序列化和反序列化。选择合适的方法取决于你的具体需求和技术栈。
