如何从WebAssembly函数返回JavaScript字符串

在WebAssembly（Wasm）中，您不能直接返回一个 JavaScript 字符串，因为 WebAssembly 当前的版本仅支持数值类型（例如整数和浮点数）。字符串必须被编码为字节的数组，然后在 JavaScript 中解码以恢复原始字符串。

要从 WebAssembly 函数返回一个字符串到 JavaScript，您需要执行以下步骤：

1. 在 WebAssembly 侧，将字符串编码为字节数组，并将其存储在共享的线性内存（memory）中。
2. 返回指向字符串数据的指针（起始地址）以及字符串的长度。
3. 在 JavaScript 侧，使用这个指针和长度信息来读取线性内存中的数据，并将其转换回字符串。

下面是一个简单的例子说明了如何实现这个过程。

C/C++ (WebAssembly 侧)

首先，我们需要编写一个 C 或 C++ 函数，该函数将字符串存储在 WebAssembly 的线性内存中，并返回指向该字符串的指针。

c
#include <stdlib.h>
#include <string.h>

// 为了简单起见，我们在这里使用静态分配的内存
// 在实际应用中，您可能需要考虑使用动态内存分配
char *getString() {
    static char str[] = "Hello, JavaScript!";
    return str; // 返回字符串的指针
}

// 导出字符串长度的函数（可选，如果字符串是静态的或长度已知的）
int getStringLength() {
    return sizeof("Hello, JavaScript!") - 1; // 不包括终止符 '\0'
}

编译上述 C/C++ 代码为 WebAssembly 模块时，您需要导出 memory 对象，以便 JavaScript 可以访问和操作它。

JavaScript (宿主环境侧)

在 JavaScript 侧，您需要编写代码来加载 WebAssembly 模块，并使用返回的指针及长度信息来创建字符串。

javascript
// 假设 `wasmModule` 是已经加载好的 WebAssembly 模块实例
const exports = wasmModule.instance.exports;
const memory = exports.memory;
const getStringPtr = exports.getString;
const getStringLength = exports.getStringLength; // 如果可用

// 从 WebAssembly 获取字符串指针
const ptr = getStringPtr();

// 获取字符串长度（如果不是通过 Wasm 函数提供的，您需要以其他方式知道它）
const length = getStringLength();

// 创建 Uint8Array 视图，以便访问 WebAssembly 内存中的字符串数据
const bytes = new Uint8Array(memory.buffer, ptr, length);

// 将字节数据转换为 JavaScript 字符串
const str = new TextDecoder('utf-8').decode(bytes);

console.log(str); // 输出字符串

这个过程涉及了在 WebAssembly 和 JavaScript 之间传递数据，并在 JavaScript 中进行解码。随着 WebAssembly 的发展，未来可能会有更直接的方法来处理字符串和其他复杂数据类型。目前，这种基于手动编解码的方法是常见的实践。