回调函数是作为参数传递并在特定条件下执行的函数。JavaScript中，函数可被当作值传递，因此能将一个函数传给另一个函数，在后者内部调用前者，即形成回调。如greetUser(sayHello)中，sayHello为回调函数。回调广泛用于异步编程，如setTimeout、DOM事件监听和数组方法（forEach、map等）。在异步操作中，回调用于处理延迟结果，如fetchData通过回调返回模拟数据。但多层嵌套易导致“回调地狱”，降低代码可读性。为此，Promise和async/await提供了更优的异步解决方案。掌握回调是理解JavaScript异步机制的基础。
回调函数是 JavaScript 中一个基础但重要的概念，尤其在异步编程中被广泛使用。简单来说，回调函数就是作为参数传递给另一个函数的函数，并在特定条件或操作完成后执行。
什么是回调函数？
在 JavaScript 中，函数是一等公民，可以像变量一样被传递。当你把一个函数 A 传给另一个函数 B，让 B 在某个时刻调用 A，这个 A 就是回调函数。
例如：
function sayHello(name) {
console.log("Hello, " + name);
}
<p>function greetUser(callback) {
const userName = "Alice";
callback(userName);
}</p><p>greetUser(sayHello); // 输出：Hello, Alice</p>在这个例子中，sayHello 是作为参数传入 greetUser 的回调函数，并在内部被调用。
回调函数的常见使用场景
回调函数最常用于处理异步操作，比如定时任务、事件监听、网络请求等。
- 定时器中的回调：使用 setTimeout 或 setInterval 时传入的函数就是回调。
setTimeout(function() {
console.log("2秒后执行");
}, 2000);
- DOM 事件监听：点击、输入等事件触发时执行的函数也是回调。
document.getElementById("myBtn").addEventListener("click", function() {
console.log("按钮被点击了");
});
- 数组方法中的回调：如 map、filter、forEach 等高阶函数都接受回调函数来处理每个元素。
const numbers = [1, 2, 3];
numbers.forEach(function(num) {
console.log(num * 2);
});
// 输出：2, 4, 6
回调函数处理异步操作
在发起网络请求或读取文件时，JavaScript 不会等待操作完成，而是继续执行后续代码。这时就需要回调函数来处理结果。
function fetchData(callback) {
// 模拟异步请求
setTimeout(function() {
const data = { id: 1, name: "Tom" };
callback(data);
}, 1000);
}
<p>fetchData(function(result) {
console.log("获取到数据：", result);
});</p>这段代码模拟了一个延迟 1 秒返回数据的过程，通过回调函数接收并处理结果。
回调地狱与解决方案
当多个异步操作需要依次执行时，容易出现“回调地狱”——多层嵌套，代码难以阅读。
getData(function(a) {
getMoreData(a, function(b) {
getEvenMoreData(b, function(c) {
console.log(c);
});
});
});
为避免这个问题，现代 JavaScript 提供了 Promise 和 async/await 语法，能更清晰地管理异步流程。但理解回调仍是掌握这些进阶特性的基础。
基本上就这些。掌握回调函数的使用，是理解 JavaScript 异步编程的第一步。不复杂但容易忽略细节。
