回调函数（Callback Function）详解

📅 发布于 2026年1月 | 👤 作者：博主 | 🏷️ 标签：回调函数, JavaScript, 异步编程, 事件处理, Web开发, 前端, 面试

欢迎来到我的博客文章！所有文章都是满满的前端干货，文章简明扼要。

回调函数（Callback Function）是指：作为参数传递给另一个函数，并在特定时机（如异步操作完成、事件触发后）被调用的函数。它是 JavaScript（及许多语言）中实现异步编程、事件处理、高阶函数的核心机制。

关键点：回调函数不是立即执行，而是"回头再调用"；体现了"你先做事，做完告诉我（执行我给你的函数）"的思想。

// 定义一个高阶函数：接收一个回调函数
function fetchData(callback) {
  console.log("开始获取数据...");
  // 模拟异步操作（如 API 请求），2秒后完成
  setTimeout(() => {
    const data = { name: "张三", age: 28 };
    console.log("数据获取成功！");
    // ✅ 在此处"回调"传入的函数，并传入结果
    callback(data);
  }, 2000);
}

// 定义回调函数
function handleData(result) {
  console.log("收到数据：", result);
  console.log("正在处理数据...");
}

// 调用 fetchData，把 handleData 作为回调传入
fetchData(handleData);

🚀 回调函数（Callback Function）详解