async/await的核心价值在于使异步代码线性化、易读易维护：避免回调地狱和.then链，统一用try/catch处理异常，灵活控制串行与并发，并自然融入同步语法逻辑。
async/await 的核心价值在于让异步代码写起来像同步代码一样自然，避免嵌套、链式调用和手动管理 Promise 状态，尤其在获取数据这类常见场景中效果明显。
把异步操作“变平”：告别 .then 链和回调地狱
过去用 Promise 获取数据常这样写：
- fetch('/api/user').then(res => res.json()).then(data => console.log(data))
- 多个请求串行时，.then() 一层套一层，逻辑分支多就难读难维护
- 错误需统一用 .catch() 捕获，位置容易错位或遗漏
用 async/await 后，相同逻辑变成线性书写：
- async function getUser() { const res = await fetch('/api/user'); const data = await res.json(); console.log(data); }
- 代码从左到右、从上到下执行，符合直觉，调试也更直观
统一错误处理：用 try/catch 直接捕获异步异常
Promise 中 reject 和网络错误要靠 .catch() 处理，而 await 后的异常可直接用同步语法捕获：
- try { const res = await fetch('/api/user'); if (!res.ok) throw new Error(`HTTP ${res.status}`); const user = await res.json(); } catch (err) { console.error('加载用户失败：', err.message); }
- 无需为每个异步步骤单独写 .catch，一处 try/catch 覆盖整段 await 流程
- 网络超时、JSON 解析失败、后端返回错误状态码，都能被同一套逻辑兜住
顺序与并发灵活控制：按需决定“等不等”
不是所有异步操作都要串行等待。async/await 提供清晰的语义来区分：
- 串行获取：let a = await api1(); let b = await api2(a); —— 第二个请求依赖第一个结果
- 并发获取：const [a, b] = await Promise.all([api1(), api2()]); —— 两个请求同时发，等全部完成
- 有主次之分：先 await 主数据，再用 Promise.allSettled 并行拉取辅助信息，不影响主流程渲染
自然融入业务逻辑：变量作用域清晰，便于加工处理
在 Promise 链中，中间结果需要层层传递；而 async 函数内部，变量可直接声明、复用、修改：
- const user = await fetchUser(); const profile = await fetchProfile(user.id); const enriched = { ...user, profile }; render(enriched);
- 中间数据（如 user.id）不需要塞进 .then 参数或额外闭包，作用域干净
- 配合解构、条件判断、循环等同步语法，数据组装逻辑一气呵成
