JavaScript异步编程核心是避免阻塞主线程，主要方式有：1.回调函数易导致回调地狱；2.Promise通过链式调用改善结构；3.async/await以同步风格提升可读性；4.Generator需配合库使用，现少用；5.事件循环中微任务（如Promise）优先于宏任务（如setTimeout）执行。现代开发推荐async/await结合Promise。
JavaScript 异步编程是处理耗时操作（如网络请求、文件读写、定时任务）的核心机制。由于 JavaScript 是单线程语言，异步编程能避免阻塞主线程，提升程序响应能力。以下是几种常见的异步编程方式，按发展顺序和使用场景介绍。
1. 回调函数（Callback）
最早的异步处理方式是使用回调函数。将一个函数作为参数传递给异步操作，在操作完成时执行该函数。
示例：setTimeout(function() {
console.log('3秒后执行');
}, 3000);
缺点是容易形成“回调地狱”（Callback Hell），多层嵌套导致代码难以维护。
2. Promise
Promise 是 ES6 引入的异步解决方案，代表一个异步操作的最终完成或失败。它有三种状态：pending（进行中）、fulfilled（成功）、rejected（失败）。
立即学习“Java免费学习笔记（深入）”；
示例：fetch('/api/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
优点是链式调用，避免深层嵌套；支持统一错误处理。但代码仍略显冗长。
3. async/await
async/await 是基于 Promise 的语法糖，让异步代码看起来像同步代码，极大提升了可读性。
分析 Java Spring Boot 后端 Controller 代码，自动生成 Markdown 格式的接口文档。当用户说“生成 Java 接口文档”、“生成 API 文档”、“从 Spring 代码生成文档”时触发。
async function getData() {
try {
const response = await fetch('/api/data');
const data = await response.json();
console.log(data);
} catch (error) {
console.error(error);
}
}
async 声明函数为异步函数，内部可用 await 等待 Promise 结果。推荐在现代开发中优先使用。
4. Generator 函数
Generator 是 ES6 提供的特殊函数，可通过 yield 暂停执行，配合 Promise 可实现异步控制。
示例：function* gen() {
const result = yield fetch('/api/data');
console.log(result);
}
实际使用较少，通常需配合 co 等库自动执行。现在基本被 async/await 取代。
5. 事件循环与微任务（Event Loop & Microtasks）
理解异步机制还需了解 JavaScript 的事件循环。Promise 的 then 和 catch 属于微任务，比 setTimeout（宏任务）优先执行。
示例：console.log(1); Promise.resolve().then(() => console.log(2)); setTimeout(() => console.log(3), 0); console.log(4); // 输出：1, 4, 2, 3
掌握任务队列有助于正确处理异步执行顺序。
基本上就这些。从回调到 async/await，JavaScript 异步编程越来越简洁清晰。现代项目推荐使用 async/await 配合 Promise，结构清晰且易于调试。
