async/await的核心价值是将嵌套分散的Promise链条转化为线性集中可控的同步风格代码，提升可读性、调试性和错误收敛性，通过自动接续、统一try/catch和while重试等机制实现降噪而非功能增强。
async/await 的核心价值，是把嵌套、分散、易出错的 Promise 链条，变成线性、集中、可控的同步风格代码。它不是功能增强，而是表达方式的降噪——逻辑不变，但可读性、调试性和错误收敛性大幅提升。
用 await 替代 .then 的逐层传递
Promise 链中，每个 .then 都要接收上一步结果，再手动 return 下一个 Promise，稍不注意就漏掉 return 或写错参数顺序。 await 让这个过程自动“接续”： - 每个 await 后面直接跟异步操作，结果直接赋值给变量； - 不需要显式 return Promise，函数体自然按顺序向下执行； - 多步依赖（比如 token → 用户信息 → 权限列表）写起来就是三行赋值，而不是三层 .then 嵌套。例如：
Promise 风格：
fetch('/api/token')
.then(res => res.json())
.then(token => fetch('/api/user', { headers: { auth: token } }))
.then(res => res.json())
.then(user => fetch(`/api/roles?uid=${user.id}`))
.then(res => res.json())
.catch(err => console.error(err));async/await 风格：
async function loadUserWithRoles() {
try {
const tokenRes = await fetch('/api/token');
const token = await tokenRes.json();
<pre class='brush:php;toolbar:false;'>const userRes = await fetch('/api/user', { headers: { auth: token } });
const user = await userRes.json();
const rolesRes = await fetch(`/api/roles?uid=${user.id}`);
const roles = await rolesRes.json();
return { user, roles };} catch (err) { console.error(err); } }
用 try/catch 统一收口所有异步错误
Promise 链中 .catch() 只能捕获链内抛出的错误，一旦漏写或位置不对（比如写在中间 .then 后面），错误就静默丢失。 async/await 允许你在整个函数体外加一层 try/catch，覆盖所有 await 行为——包括 fetch 失败、JSON 解析异常、甚至业务校验 throw new Error()。关键点：
- 所有 await 后的操作都处于同一个 try 块作用域内；
- 不需要为每一步单独写 .catch((err) => ...)；
- 可以精确控制错误类型（如区分网络错误、401、404），再决定是重试、提示还是 rethrow。
用 while 循环替代递归重试逻辑
Promise 链常配合递归实现“失败重试”，但递归容易栈溢出、难调试、状态难追踪。 async/await + while 更直观安全：比如用户输入 GitHub 用户名，查不到就重新提示：
async function demoGithubUser() {
let name;
while (true) {
name = prompt('Enter a name?', 'iliakan');
try {
const response = await fetch(`https://api.github.com/users/${name}`);
if (response.status === 200) {
const user = await response.json();
alert(`Full name: ${user.name}`);
return user;
} else if (response.status === 404) {
alert('User not found. Try again.');
continue; // 重新循环
} else {
throw new HttpError(response); // 其他错误原样抛出
}
} catch (err) {
if (err instanceof HttpError && err.response?.status === 404) {
alert('User not found. Try again.');
continue;
}
throw err; // 非 404 错误，交给上层处理
}
}
}避免常见陷阱，让写法真正“优雅”
优雅不只是看起来顺眼，更是稳定、可维护、不踩坑：
- 不要在顶层作用域直接 await（如模块最外层），应包裹在 async 函数或 IIFE 中；
- 并行请求别滥用 await 串行，该用 Promise.all 的地方就用，避免无谓等待；
- await 后面必须是 Promise 或 thenable，普通值会自动包装，但别依赖这点来“凑语法”；
- try/catch 要包住所有可能出错的 await 行，尤其注意 fetch 成功但 JSON 解析失败这类隐性错误。
