回调函数是作为参数传递并在特定时机执行的函数，如 greet 中的 sayHello；同步回调立即执行，如 forEach；异步回调延迟执行，如 setTimeout；广泛用于事件监听、AJAX 请求和数组操作；深层嵌套形成回调地狱，可用 Promise 和 async/await 改善。
回调函数是JavaScript中一个基础但非常重要的概念，尤其在处理异步操作时几乎无处不在。简单来说，回调函数就是作为参数传递给另一个函数的函数，并在特定条件或时机被调用执行。
什么是回调函数？
在JavaScript中，函数是一等公民，可以像变量一样被传递。当你把一个函数A当作参数传给另一个函数B，然后在B内部执行A，这个A就被称为回调函数。
例如：
function sayHello(name) {console.log("Hello, " + name);
}
function greet(person, callback) {
callback(person);
}
greet("Alice", sayHello); // 输出：Hello, Alice
立即学习“Java免费学习笔记（深入）”；
这里 sayHello 就是作为回调函数传入 greet 的。
同步回调与异步回调的区别
回调分为两种常见类型：同步和异步。
同步回调：在函数执行过程中立即调用。
const numbers = [1, 2, 3];
numbers.forEach(function(n) {
console.log(n);
});
// 立即输出 1、2、3
forEach 中的函数就是一个同步回调，它在循环时立刻执行。
异步回调：不会立即执行，通常在某个事件完成后触发，比如定时器、网络请求等。
setTimeout(function() {console.log("3秒后执行");
}, 3000);
这个函数会在3秒后执行，属于典型的异步回调。
实际应用场景举例
回调函数广泛用于以下场景：
- 事件监听：用户点击按钮时触发回调 document.getElementById("btn").addEventListener("click", function() {
- AJAX请求：服务器返回数据后执行回调 function fetchData(callback) {
- 自定义逻辑处理：比如数组过滤、排序时传入比较函数 const arr = [5, 2, 8, 1];
alert("按钮被点击了！");
});
let request = new XMLHttpRequest();
request.open("GET", "/api/data");
request.onload = function() {
if (request.status === 200) {
callback(null, request.responseText);
} else {
callback(new Error("请求失败"));
}
};
request.send();
}
fetchData(function(error, data) {
if (error) {
console.error(error);
} else {
console.log(data);
}
});
arr.sort(function(a, b) {
return a - b;
});
// 结果：[1, 2, 5, 8]
回调地狱与解决方案简述
当多个异步操作需要依次执行时，容易出现“回调地狱”——嵌套层级过深，代码难以维护。
getData(function(a) {getMoreData(a, function(b) {
getEvenMoreData(b, function(c) {
console.log(c);
});
});
});
虽然回调函数很实用，但深层嵌套会让代码变得混乱。现代JavaScript提供了 Promise 和 async/await 来更好管理异步流程，但理解回调仍是掌握这些进阶特性的前提。
基本上就这些。掌握回调函数的核心在于理解“函数可被传递并延迟执行”，它是JavaScript灵活编程的基础之一。
