JavaScript异步编程本质是避免耗时操作阻塞主线程，通过回调函数实现非阻塞执行；因JS单线程特性，同步等待会导致页面卡死，异步借助事件循环将回调加入任务队列待调用栈空时执行。
JavaScript异步编程，本质是让耗时操作（比如网络请求、定时器、文件读取）不卡住主线程，其他代码能照常运行。回调函数就是实现这一点最基础的方式——它是一个被传进去、等事情做完再执行的函数。
回调函数怎么传、怎么被调用
函数在 JavaScript 里是一等公民，可以像数字或字符串一样当参数传。一个函数（比如 fetchData）内部启动异步任务（如 setTimeout），等任务完成，就主动调用你传进来的那个函数（比如 processData），把结果作为参数交过去。
- 你写 fetchData(processData)，不是立刻执行 processData
- fetchData 立即返回，继续跑后面代码（比如 console.log('last line')）
- 1 秒后，setTimeout 触发，fetchData 内部才调用 processData(data)
为什么需要异步？单线程不能等
JS 是单线程，同一时间只能干一件事。如果所有操作都同步（比如等服务器回数据再往下走），页面就会完全卡死，按钮点不动、动画停摆、用户没法操作。
- 同步：代码从上到下一行行执行，前一行没完，后一行不动
- 异步：发起请求后立即“放手”，继续执行后面的同步代码；结果回来时，再通过回调“插队”处理
- 背后靠的是事件循环（Event Loop）：异步任务完成后，回调被放进任务队列，等调用栈空了，再一个个拉出来执行
回调函数的两种典型用法
一类是通用异步工具，比如 setTimeout 和 XMLHttpRequest 的老式写法；另一类是业务逻辑中自己封装的异步流程，比如连续请求多个接口。
立即学习“Java免费学习笔记（深入）”；
- 定时器类：setTimeout(() => { console.log('done') }, 1000) —— 把箭头函数当回调传进去
- 错误优先模式（Node.js 风格）：requestData(url, (err, data) => {...}) —— 第一个参数固定是错误，有错就处理，没错才用 data
- 嵌套调用：先拿用户数据，再拿订单，再拿详情——每个回调里发起下一个请求，形成多层缩进
回调函数的问题和出路
它很直接，但写多了容易出问题。
- 嵌套太深变成“回调地狱”，代码向右滑出屏幕，逻辑难跟踪
- 错误处理分散，每个回调都要写 if (err) ...，容易漏掉
- 控制流不清晰，想加个“全部完成后再汇总”这种逻辑，得手动计数或改结构
- 现代方案就是 Promise 和 async/await：它们底层还是靠回调和事件循环，但语法上更接近同步写法，可读性和可维护性高很多
基本上就这些。
