JavaScript异步编程核心包括回调函数、Promise、async/await及事件循环。1. 回调函数用于早期异步操作，但多层嵌套易形成回调地狱；2. Promise为ES6标准对象，通过.then()和.catch()链式调用解决嵌套问题，并支持Promise.all()并行处理；3. async/await是基于Promise的语法糖，使异步代码如同步般清晰，需配合try/catch处理错误；4. 事件循环机制确保异步执行：宏任务（如setTimeout）与微任务（如Promise.then）分队列执行，先清空微任务再取宏任务。推荐开发中优先使用async/await，提升可读性与维护性。掌握这四部分即可应对多数异步场景。
JavaScript异步编程是现代前端开发的核心技能之一。随着Web应用复杂度提升，处理网络请求、定时任务、文件读写等耗时操作时，不能阻塞主线程，必须依赖异步机制。理解并掌握异步编程模型，是进阶为高级JavaScript开发者的关键一步。
回调函数：最早的异步处理方式
在早期JavaScript中，回调函数是最常见的异步处理手段。比如使用setTimeout或XMLHttpRequest发送请求时，通过传入一个函数作为参数，在异步操作完成后执行。
例如：
function fetchData(callback) {
setTimeout(() => {
const data = "获取的数据";
callback(data);
}, 1000);
}
fetchData((result) => {
console.log(result); // 1秒后输出“获取的数据”
});
虽然简单，但嵌套多层回调容易形成“回调地狱”，代码难以维护和调试。
立即学习“Java免费学习笔记（深入）”；
Promise：解决回调嵌套的利器
Promise 是ES6引入的标准对象，用于更优雅地处理异步操作。它代表一个尚未完成的操作，有三种状态：pending（进行中）、fulfilled（成功）、rejected（失败）。
使用 Promise 可以链式调用 .then() 和 .catch()，避免深层嵌套。
示例：
function fetchUserData() {
return new Promise((resolve, reject) => {
setTimeout(() => {
const success = true;
if (success) {
resolve({ id: 1, name: "Alice" });
} else {
reject(new Error("获取用户失败"));
}
}, 1000);
});
}
fetchUserData()
.then(user => console.log(user))
.catch(error => console.error(error));
Promise 还提供了 Promise.all() 等静态方法，可并行处理多个异步任务，提升性能。
async/await：同步语法写异步代码
ES8 引入的 async/await 是基于 Promise 的语法糖，让异步代码看起来像同步代码，极大提升可读性。
函数前加 async 关键字，内部可用 await 等待 Promise 结果。
改写上面的例子：
async function getUser() {
try {
const user = await fetchUserData();
console.log(user);
} catch (error) {
console.error(error);
}
}
getUser();
注意：await 只能在 async 函数内部使用。错误处理推荐使用 try/catch，更清晰可控。
事件循环与任务队列：理解异步执行机制
JavaScript 是单线程语言，靠事件循环（Event Loop）实现异步。所有任务分为：
- 宏任务（Macrotask）：如 script整体代码、setTimeout、setInterval、I/O、UI渲染
- 微任务（Microtask）：如 Promise.then、MutationObserver、queueMicrotask
执行顺序规则：
- 先执行同步代码
- 遇到异步任务，放入对应的任务队列
- 当前宏任务执行完，立即清空微任务队列
- 再取下一个宏任务执行，如此循环
示例帮助理解：
console.log("1");
setTimeout(() => {
console.log("2");
}, 0);
Promise.resolve().then(() => {
console.log("3");
});
console.log("4");
// 输出顺序：1 → 4 → 3 → 2
因为 Promise.then 属于微任务，在本轮宏任务结束后立即执行；而 setTimeout 属于下一轮宏任务。
基本上就这些。掌握回调、Promise、async/await 和事件循环机制，就能应对绝大多数异步场景。实际开发中推荐优先使用 async/await，结构清晰，易于调试。异步编程不复杂，但细节决定成败。
