Emscripten教程问题：int_sqrt(25)未返回5且无法全局使用该函数

问题原因分析 #

你遇到的两个核心问题：

1. 第一个代码输出[Function (anonymous)]：因为你把a.onRuntimeInitialized的回调函数直接赋值给了int_sqrt，然后立刻调用int_sqrt(25)——这时候你调用的是那个回调函数本身，而不是回调执行后返回的、经过cwrap包装好的C函数。而且onRuntimeInitialized是异步触发的，回调不会在你赋值的瞬间执行，所以int_sqrt此时就是那个未执行的回调函数。
2. 直接调用cwrap包装的函数报错：Emscripten的Wasm运行时需要先完成加载、初始化，才能安全调用导出的C函数，onRuntimeInitialized就是用来通知你初始化完成的钩子。

解决方案 #

要让后续代码能正常使用int_sqrt，核心是等待运行时初始化完成后，再获取包装好的函数。下面是两种实用的实现方式：

方案1：用Promise封装初始化+async/await控制流程

这种方式适合有明确执行流程的场景，把所有需要调用C函数的代码放在async函数里，等待初始化完成后再执行：

const a = require('./a.out');

// 用Promise捕获初始化完成的信号，并返回包装好的函数
const getIntSqrt = new Promise(resolve => {
  a.onRuntimeInitialized = () => {
    const wrappedFunc = a.cwrap('int_sqrt', 'number', ['number']);
    resolve(wrappedFunc);
  };
});

// 主业务逻辑放在async函数中
async function run() {
  const int_sqrt = await getIntSqrt;
  
  // 这里可以写所有需要使用int_sqrt的代码
  console.log(int_sqrt(25)); // 输出5
  console.log(int_sqrt(16)); // 输出4
  console.log(int_sqrt(81)); // 输出9
}

run();

方案2：封装懒加载的调用函数

如果你的代码是零散调用C函数，不想把所有逻辑都放进一个async函数，可以封装一个自动等待初始化的调用函数：

const a = require('./a.out');

let int_sqrt;
// 用Promise记录初始化状态
const initFinished = new Promise(resolve => {
  a.onRuntimeInitialized = () => {
    int_sqrt = a.cwrap('int_sqrt', 'number', ['number']);
    resolve();
  };
});

// 封装一个安全调用的函数
async function callIntSqrt(x) {
  // 如果还没初始化，先等完成
  if (!int_sqrt) await initFinished;
  return int_sqrt(x);
}

// 后续代码可以随时调用，无需关心初始化状态
callIntSqrt(25).then(res => console.log(res)); // 输出5
callIntSqrt(36).then(res => console.log(res)); // 输出6

// 在async函数中也可以用await
async function test() {
  console.log(await callIntSqrt(49)); // 输出7
}
test();

补充说明 #

你之前写的能正常输出5的代码，是因为console.log放在了onRuntimeInitialized回调内部——此时运行时已经完成初始化，int_sqrt也被正确赋值为包装后的函数，所以能正常执行。但回调外的代码无法访问这个时机的int_sqrt，除非你把它挂载到全局或者用上述的Promise方式传递。

内容的提问来源于stack exchange，提问作者Raine