JavaScript回调函数串联问题：执行顺序错误且函数c未执行

核心错误点 #

1. 提前执行了回调函数
   你调用a(b())时，JavaScript会先计算b()的执行结果，再把结果传给a的callback参数。这就导致b会先于a执行，直接输出"poll b"，而b没有返回值（默认返回undefined），所以a里的callback是undefined，后续回调逻辑根本不会触发。

2. 传递的是函数执行结果而非函数引用
   在a里写callback(b())、b里写callback2(c())，都是直接执行函数并把结果传给回调参数，但回调的本质是要传递函数本身，让代码在合适的时机再去执行它，而不是提前执行完。

修复后的代码 #

function a(callback) {
  console.log('poll a');
  if (callback) {
    // 直接调用传入的回调函数，而非执行新的函数
    callback();
  }
}

function b(callback2) {
  console.log('poll b');
  if (callback2) {
    callback2();
  }
}

function c() {
  console.log('poll c');
}

// 传递b的函数引用给a，用匿名函数控制执行时机
a(function() {
  b(c);
});

逻辑说明 #

• 调用a时传入的是一个匿名函数，这个函数不会立刻执行，只会在a内部的console.log执行完后才被调用。
• 匿名函数内部调用b并传递c的函数引用，b执行完自身的console.log后，再调用传入的callback2（也就是c），最终保证执行顺序是a → b → c，输出依次为"poll a"、"poll b"、"poll c"。

你也可以用更简洁的可选链语法优化：

function a(callback) {
  console.log('poll a');
  callback?.();
}

function b(callback2) {
  console.log('poll b');
  callback2?.();
}

function c() {
  console.log('poll c');
}

a(() => b(c));

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