回调函数是JavaScript中“被当作参数传递、稍后执行”的函数，用于处理异步操作、避免单线程阻塞、实现事件响应和异步逻辑组织，需注意命名清晰、错误优先参数约定及避免回调地狱。
回调函数是JavaScript中一个核心概念，本质就是一个“被当作参数传递进去、稍后才执行的函数”。它不是某种特殊类型的函数，而是一种使用方式，尤其在处理异步操作（比如网络请求、定时器、文件读取）时不可或缺。
回调函数长什么样？
它通常以函数表达式或箭头函数的形式，作为参数传给另一个函数。例如：
setTimeout(function() { console.log("3秒后执行"); }, 3000);这里的 function() { ... } 就是回调函数——它没立刻运行，而是等3秒后由 setTimeout 主动调用。
为什么需要回调函数？
因为JavaScript是单线程的，不能让代码卡在耗时操作上（比如等服务器返回数据）。回调函数提供了一种“先注册、后通知”的机制：你告诉系统“等这事做完，就调用这个函数”，主线程可以继续干别的事。
立即学习“Java免费学习笔记（深入）”；
- 避免阻塞页面交互（比如点击按钮后页面不卡顿）
- 实现事件响应（如 button.addEventListener('click', handler) 中的 handler 就是回调）
- 组织异步逻辑（如加载图片成功后渲染，失败后提示错误）
常见陷阱：回调地狱（Callback Hell）
当多个异步操作嵌套时，回调函数层层缩进，代码变得难以阅读和维护：
getData(function(a) {getMoreData(a, function(b) {
getEvenMoreData(b, function(c) {
// 深度嵌套，难调试
});
});
});
这不是回调函数本身的问题，而是过度嵌套带来的可读性挑战。现代写法更倾向用 Promise 或 async/await 来扁平化流程。
怎么写好回调函数？
- 命名清晰（如 onSuccess、onError），别总用匿名函数
- 约定参数顺序：常见是 (error, result)，方便统一处理错误
- 始终检查 error 参数是否存在，避免未捕获异常导致静默失败
- 避免在回调里做太多事，保持职责单一；复杂逻辑可拆成独立函数
基本上就这些。回调函数是理解JS异步的起点，不复杂但容易忽略细节。掌握它，才能自然过渡到 Promise 和 async/await。
