wasm 和 js 之间只能互相传递 number 类型的数据，更复杂的数据结构往往需要做序列化和反序列化？？

WebAssembly (Wasm) 和 JavaScript (JS) 之间的交互确实有一些限制，但并不完全局限于只能传递 number 类型的数据。实际上，Wasm 和 JS 可以直接交换多种类型的值，并且对于更复杂的数据结构，确实通常需要进行序列化和反序列化。以下是详细的解释：

直接支持的数据类型

数值类型：
- WebAssembly 支持与 JavaScript 之间直接传递整数（如 i32, i64）和浮点数（如 f32, f64）。在 JavaScript 中，这些数值会自动转换为相应的 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 之间的直接交互可能看起来有些受限，但通过适当的工具和技术，你可以高效地处理各种复杂的数据结构。对于简单的数值类型，可以直接传递；
而对于复杂的数据结构，则通常需要进行序列化和反序列化。选择合适的方法取决于你的具体需求和技术栈。

__EOF__

本文作者：龙陌
本文链接：https://www.cnblogs.com/longmo666/p/18638945.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！