如何让回调函数等待异步调用完成？Node.js异步回调问题

1. 确认：setTimeout完全可以模拟异步服务调用 #

setTimeout 是JavaScript中典型的宏任务异步API，它会将回调函数放入事件循环的宏任务队列，等当前同步代码执行完毕后才会触发回调，这和真实的异步服务（比如HTTP请求、数据库操作）的非阻塞执行逻辑完全一致，用来模拟异步调用是没问题的。

2. 让第6行日志在第5行之后打印 #

当前日志顺序颠倒，是因为你在setTimeout回调内的代码顺序有误。正确逻辑是：异步操作完成（超时结束）后，先更新变量并输出第5行日志，再输出第6行日志。调整setTimeout内部代码顺序即可：

let testVariable = '';

function updateTestVariable(key, callback) {
  console.log('2 ENTERupdateTestVariable key is:', key);
  console.log('3 ENTER updateTestVariable firstParam is:', key);
  console.log('4 text before timeout starts testVariable is:', testVariable);
  
  setTimeout(() => {
    // 先完成变量更新并打印第5行
    testVariable = key;
    console.log('5 AFTER TIMEOUT COMPLETE  testVariable is', testVariable);
    // 再打印第6行
    console.log('6 line after timeout, testVariable is', testVariable);
    callback?.();
  }, 1000);
}

3. 让第7行日志在第6行之后打印（不修改updateTestVariable的非async状态） #

updateTestVariable是基于回调的异步函数，直接在它后面写第7行代码会被同步执行（所以当前先打印7）。要让7在6之后，只需把第7行代码放到回调逻辑的末尾，推荐用回调参数传递的方式（更符合异步回调的设计模式）：

// 保持updateTestVariable为非async状态不变
let testVariable = '';

function updateTestVariable(key, callback) {
  console.log('2 ENTERupdateTestVariable key is:', key);
  console.log('3 ENTER updateTestVariable firstParam is:', key);
  console.log('4 text before timeout starts testVariable is:', testVariable);
  
  setTimeout(() => {
    testVariable = key;
    console.log('5 AFTER TIMEOUT COMPLETE  testVariable is', testVariable);
    console.log('6 line after timeout, testVariable is', testVariable);
    // 执行传入的回调，把第7行逻辑放在这里
    callback();
  }, 1000);
}

// 调用时传入包含第7行逻辑的回调
console.log('1 BEFORE updateTestVariable is called testVariable is', testVariable);
updateTestVariable('VARIABLE HAS UPDATED', () => {
  console.log('7 AFTER updateTestVariable is called testVariable is', testVariable);
});

修改后最终日志顺序会符合预期：

1 BEFORE updateTestVariable is called testVariable is 
2 ENTERupdateTestVariable key is: VARIABLE HAS UPDATED
3 ENTER updateTestVariable firstParam is: VARIABLE HAS UPDATED
4 text before timeout starts testVariable is: 
5 AFTER TIMEOUT COMPLETE  testVariable is VARIABLE HAS UPDATED
6 line after timeout, testVariable is VARIABLE HAS UPDATED
7 AFTER updateTestVariable is called testVariable is VARIABLE HAS UPDATED

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