如何在不使用Promise的情况下，在回调函数内访问函数参数与执行结果？

核心逻辑很简单：回调函数无法直接跨作用域读取目标函数内部的变量，你需要在目标函数调用回调时，把需要传递的参数或执行结果作为回调的实参传入，让回调通过形参接收这些值。

原问题代码修正示例 #

假设你最初的代码是这样的（resolve无法访问name）：

function mdn(name, resolve, reject) {
  if (typeof name === 'string') {
    resolve(); // 未传递name参数
  } else {
    reject(new Error('name必须是字符串类型'));
  }
}

function myResolve() {
  console.log(name); // 报错：name未定义
}

mdn('JavaScript', myResolve, err => console.error(err));

只需要修改mdn函数调用resolve的逻辑，把name作为参数传入：

function mdn(name, resolve, reject) {
  if (typeof name === 'string') {
    resolve(name); // 将name传递给resolve回调
  } else {
    reject(new Error('name必须是字符串类型'));
  }
}

// 让resolve回调接收参数
function myResolve(targetName) {
  console.log('获取到的name值:', targetName); // 输出：获取到的name值: JavaScript
}

mdn('JavaScript', myResolve, err => console.error(err));

扩展：传递处理后的执行结果 #

如果mdn函数有加工后的结果，也可以一次性传递多个值给回调：

function mdn(name, resolve, reject) {
  if (typeof name === 'string') {
    // 模拟业务处理后的结果
    const processedData = `欢迎学习 ${name} 回调函数`;
    // 同时传递原始参数和处理结果
    resolve(name, processedData);
  } else {
    reject(new Error('name必须是字符串类型'));
  }
}

function myResolve(originalName, result) {
  console.log('原始参数:', originalName); // 输出：原始参数: JavaScript
  console.log('处理结果:', result); // 输出：处理结果: 欢迎学习 JavaScript 回调函数
}

mdn('JavaScript', myResolve, err => console.error(err));

关键原理 #

JavaScript是基于函数作用域的语言，回调函数的作用域和目标函数（mdn）的作用域相互独立。想要让回调访问目标函数内的变量或结果，唯一可靠的方式就是在调用回调时显式传参——这是回调模式下共享数据的标准做法，和Promise的resolve(value)传递值的逻辑本质是一致的，只是没有Promise的封装。

内容的提问来源于stack exchange，提问作者André Silveira