如何从 WebAssembly 调用 XmlHttpRequest ？

WebAssembly 本身不提供操作 DOM 或发送网络请求等功能。相反，你需要通过 JavaScript 来调用这些 Web API，然后从 WebAssembly 代码中与这些 JavaScript 函数进行交互。

要从 WebAssembly 调用 XmlHttpRequest，你需要执行以下步骤：

1. 创建 JavaScript 函数，这个函数封装了 XmlHttpRequest 调用逻辑。
2. 将这个 JavaScript 函数导出到 WebAssembly 模块作为“导入”，以便 WebAssembly 可以调用它。
3. 在 WebAssembly 代码中，调用导入的 JavaScript 函数来执行网络请求。

下面是一个简单的例子，展示了如何实现上述步骤：

JavaScript 代码

javascript
// JavaScript 中的 XMLHttpRequest 封装
function makeRequest(url, method) {
    const xhr = new XMLHttpRequest();
    xhr.open(method, url, true);
    xhr.onload = function () {
        // 处理响应，例如将响应传递回 WebAssembly
    };
    xhr.onerror = function () {
        // 处理错误
    };
    xhr.send();
}

// 实例化 WebAssembly 模块
WebAssembly.instantiateStreaming(fetch('your_wasm_module.wasm'), {
    env: {
        // 将 JavaScript 函数导出到 WebAssembly
        jsMakeRequest: function(ptr, len) {
            // 假设 ptr 是 URL 字符串在 WebAssembly 内存中的指针
            // len 是 URL 字符串的长度
            const url = new TextDecoder().decode(new Uint8Array(memory.buffer, ptr, len));
            makeRequest(url, "GET");
        }
    }
}).then(results => {
    // 使用已经实例化的 WebAssembly 模块
    const instance = results.instance;
    // 假设你有一个在 WebAssembly 中定义的函数可以调用 jsMakeRequest
    instance.exports.callJsMakeRequest();
}).catch(console.error);

WebAssembly 代码 (示例使用了 WebAssembly 文本格式)

wat
(module
  ;; 导入 JavaScript 函数
  (import "env" "jsMakeRequest" (func $jsMakeRequest (param i32 i32)))
  
  ;; 导入 WebAssembly memory 对象
  (import "env" "memory" (memory 1))

  (func $callJsMakeRequest
    ;; 假设 URL 字符串在内存中的位置和长度已知
    (local $urlPtr i32)
    (local $urlLen i32)
    ;; 设置 URL 字符串的位置和长度
    (set_local $urlPtr ...)
    (set_local $urlLen ...)
    ;; 调用导入的 JavaScript 函数
    (call $jsMakeRequest (get_local $urlPtr) (get_local $urlLen))
  )

  ;; 将 $callJsMakeRequest 函数导出，以便 JavaScript 能够调用它
  (export "callJsMakeRequest" (func $callJsMakeRequest))
)

请注意，这里提供的 WebAssembly 代码是示意性的，你可能需要根据具体的编译器和环境调整语法和逻辑。实际上，你可能会使用编译到 WebAssembly 的语言（例如 Rust、C、C++ 等）进行编程，然后编译器会负责生成导入和导出。

确保 WebAssembly 模块和 JavaScript 之间共享了相同的 memory 对象，这样 JavaScript 函数能够读取 WebAssembly 的内存，以获取传递的参数，例如 URL 字符串。上述代码未涉及错误处理和内存管理等细节——在真实的应用中，这些方面应该是重点考虑的。