回调函数

简介：

在 JavaScript 中，回调函数（Callback Function） 是一种将一个函数作为参数传递给另一个函数，并在特定条件满足时（如异步操作完成、事件触发等）被调用的机制。它是 JavaScript 处理异步逻辑的核心模式之一。

回调函数的核心概念

1. 函数是一等公民
   JavaScript 中函数可以被赋值给变量、作为参数传递、或作为返回值，这种特性使得回调成为可能。

2. 控制反转
   回调函数将代码执行的控制权交给外部函数，外部函数决定何时调用回调。

回调的典型用途

1.处理异步操作

// 异步操作完成后调用回调
setTimeout(() => {
  console.log("1秒后执行");
}, 1000);

2.事件监听

button.addEventListener("click", () => {
  console.log("按钮被点击了");
});

3.遍历数组

[1, 2, 3].forEach((num) => {
  console.log(num); // 依次输出 1, 2, 3
});

4.处理文件/网络请求

fs.readFile("file.txt", "utf8", (err, data) => {
  if (err) throw err;
  console.log(data);
});

回调的同步 vs 异步

1.同步回调：立即执行，无延迟。

function syncFunc(callback) {
  callback();
}
syncFunc(() => console.log("立即执行"));

2.异步回调：延迟执行，通常与 I/O、定时器相关。

function asyncFunc(callback) {
  setTimeout(callback, 1000);
}
asyncFunc(() => console.log("1秒后执行"));

回调地狱（Callback Hell）

多层嵌套回调会导致代码难以维护，形成“金字塔”结构：

doTask1((result1) => {
  doTask2(result1, (result2) => {
    doTask3(result2, (result3) => {
      // 更多嵌套...
    });
  });
});

解决方案：
使用 Promise、async/await 或模块化拆分回调函数。

错误优先回调（Error-First Callbacks）

Node.js 中常见的约定：回调函数的第一个参数是错误对象（err），后续参数是结果。

function readFile(callback) {
  fs.readFile("file.txt", (err, data) => {
    if (err) {
      callback(err); // 传递错误
    } else {
      callback(null, data); // 成功时 err 为 null
    }
  });
}

总结

• 回调函数是 JavaScript 异步编程的基础。

• 优点：灵活、适合简单异步场景。

• 缺点：多层嵌套会导致代码可读性差（回调地狱）。

• 现代替代方案：优先使用 Promise 或 async/await 管理异步流程。