JavaScript如何优雅的处理async/await

# JavaScript如何优雅的处理async/await

在现代JavaScript开发中，`async/await`让异步代码拥有了同步的书写体验，但错误处理和流程控制不当仍可能导致代码混乱。以下是几种优雅实践：

## 1. 错误处理：避免try/catch嵌套
```javascript
// 封装为高阶函数
async function handleError(promise) {
  try {
    return [null, await promise];
  } catch (err) {
    return [err, null];
  }
}

// 使用示例
const [err, data] = await handleError(fetchAPI());

2. 并行优化：善用Promise.all

// 顺序执行（低效）
const user = await getUser();
const posts = await getPosts();

// 并行优化
const [user, posts] = await Promise.all([
  getUser(),
  getPosts()
]);

3. 提前返回：减少不必要的await

// 反模式
async function checkAuth() {
  const user = await getCurrentUser();
  return user && user.isAdmin;
}

// 优化版（非异步操作无需await）
async function checkAuth() {
  const user = await getCurrentUser();
  return user?.isAdmin;
}

4. 使用async IIFE处理顶层await

(async () => {
  const data = await initData();
  console.log(data);
})();

最佳实践总结： - 错误处理要语义化 - 并行请求优先使用Promise.all - 避免过度使用await阻塞 - 模块顶层使用IIFE封装 “`