JavaScript回调地狱实现求助：未用setTimeout却无法嵌套回调获结果

你的代码没法实现回调地狱的核心问题在于：

• 三个运算函数没有设计成接受回调参数的形式，你调用时传了回调，但函数根本没处理这些回调
• 回调里的multiply、add是局部变量，在回调的作用域里根本访问不到
• 当前写法是直接返回运算结果，不是通过回调传递结果的模式

要实现回调地狱（哪怕是同步的），得把每个函数改成接受回调参数，运算完成后调用回调并传递结果，而不是直接返回值。

修正后的代码 #

const multiplication = (a, b, callback) => {
  let multiply = a * b;
  console.log(`${multiply} from multiplication`);
  // 运算完成后调用回调，把结果传进去
  callback(multiply);
};

const addition = (num, n1, callback) => {
  let add = num + n1;
  console.log(`${add} from addition`);
  // 调用回调传递加法结果
  callback(add);
};

const division = (num, callback) => {
  let div = num / 2;
  console.log(`${div} from division`);
  // 调用回调传递除法结果
  callback(div);
};

// 嵌套回调实现回调地狱
multiplication(10, 20, (multiplyResult) => {
  addition(multiplyResult, 100, (addResult) => {
    division(addResult, (divResult) => {
      console.log("最终结果:", divResult);
    });
  });
});

解释 #

1. 每个函数都新增了callback参数，运算完成后调用这个回调函数，并把当前步骤的结果作为参数传给回调
2. 调用时通过嵌套回调，把上一步的结果传递给下一步的函数
3. 最终在最内层的回调里拿到最终结果，这就是回调地狱的典型结构——多层嵌套的回调函数，代码层级深、可读性差

这样你就能直观感受到回调地狱的形态，理解回调是怎么一步步传递结果的。

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