如何从JS读取WASM中设置的数组？读内存全为0问题排查

• C全局作用域的int* x = new int[3];属于全局初始化逻辑，会在WASM模块的*__wasm_call_ctors*阶段执行，并非调用setArray()时才触发。你手动实例化WASM时没有调用这个初始化函数，模块的C/C运行时根本没有完成启动。
• 你手动构造的导入环境不符合Emscripten运行时要求：硬编码DYNAMICTOP_PTR=4096、自实现的堆操作函数逻辑缺失，导致new底层依赖的malloc内存分配器判定无可用内存，直接返回空指针0。加开了-O1优化的情况下，编译器检测到内存分配失败，会直接跳过后续的数组赋值逻辑，直接返回x的初始值0，这也是你打印loc值为0的直接原因。
• 即使内存分配成功，你用Uint8Array单字节视图读取4字节长度的int类型值也是错误的，无法拿到正确的整数结果。
• 你的编译命令生成了Emscripten配套的JS胶水代码，但你完全没有使用这份封装好运行时逻辑的代码，自行实现的导入逻辑缺失了大量运行时依赖，必然会出现异常。

方案1：使用Emscripten生成的JS胶水代码（推荐，无兼容风险） #

这是最稳定的方案，不需要手动维护WASM导入逻辑，Emscripten会自动处理内存初始化、全局构造、类型适配等所有工作：

1. 调整编译命令，导出需要的函数和运行时方法：

em++ -O1 setArray.cpp -o setArray.js -s EXPORTED_FUNCTIONS='["_setArray"]' -s EXPORTED_RUNTIME_METHODS='["HEAP32"]'

2. 直接引用生成的JS模块调用即可：

const Module = require('./setArray.js');

// 等待WASM模块和运行时初始化完成再调用
Module.onRuntimeInitialized = () => {
  const arrPtr = Module._setArray();
  // HEAP32为按4字节int对齐的内存视图，索引为内存偏移除以4
  console.log(
    Module.HEAP32[arrPtr / 4],
    Module.HEAP32[arrPtr / 4 + 1],
    Module.HEAP32[arrPtr / 4 + 2]
  );
  // 正确输出：11 22 33
};

方案2：手动实例化WASM（不推荐，维护成本高） #

如果必须脱离Emscripten胶水代码运行，你需要补全所有运行时依赖、手动调用初始化函数，并且使用正确的内存视图读取数据：

注意：该方案需要完整实现所有Emscripten依赖的导入符号，不同编译参数、不同Emscripten版本依赖的符号可能不同，仅适合极小体积的WASM模块使用。

1. 调整编译命令，直接输出WASM文件并导出必要的初始化函数：

em++ -O1 setArray.cpp -o setArray.wasm -s EXPORTED_FUNCTIONS='["_setArray", "__wasm_call_ctors"]' -s MALLOC=emmalloc

2. 修正JS代码，补全导入逻辑、调用初始化函数、使用正确的类型视图：

const fs = require('fs');

// 初始化内存，1页为64KB，足够当前示例使用
const memory = new WebAssembly.Memory({ initial: 1 });
// 用Int32视图访问int类型数据
const heap32 = new Int32Array(memory.buffer);
const heap8 = new Uint8Array(memory.buffer);

const imports = {
  env: {
    memory: memory,
    // 正确设置DYNAMICTOP_PTR位置，放在静态数据区之后
    DYNAMICTOP_PTR: 1024,
    abort: function(err) {
      throw new Error('abort ' + err);
    },
    __cxa_throw: function() {
      throw new Error('cxa_throw');
    },
    __cxa_allocate_exception: function() { return 0; },
    emscripten_get_heap_size: function() { return heap8.length; },
    emscripten_resize_heap: function() { return false; },
    emscripten_memcpy_big: function(dest, src, count) {
      heap8.set(heap8.subarray(src, src + count), dest);
    }
  }
};

const wasmSource = new Uint8Array(fs.readFileSync("setArray.wasm"));
const wasmModule = new WebAssembly.Module(wasmSource);
const wasmInstance = new WebAssembly.Instance(wasmModule, imports);
// 必须先调用全局构造函数，完成C++运行时和全局变量初始化
wasmInstance.exports.__wasm_call_ctors();

function setArray() {
  const loc = wasmInstance.exports.setArray();
  console.log(loc, heap32[loc/4], heap32[loc/4 +1], heap32[loc/4 +2]);
}

setArray();

内容的提问来源于stack exchange，提问作者Ali A.