解决 Promise 地狱问题

最新推荐文章于 2025-08-12 13:41:57 发布

原创最新推荐文章于 2025-08-12 13:41:57 发布 · 171 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

解决Promise地狱问题主要有以下几种方法，按推荐顺序排列：
1. async/await方案（首选）

async function processData() {
  try {
    const user = await getUser();
    const posts = await getPosts(user.id);
    const comments = await getComments(posts[0].id);
    return comments;
  } catch (error) {
    console.error("处理失败:", error);
  }
}

优点：代码结构清晰，错误处理集中，近似同步代码的阅读体验

2. Promise链式优化

getUser()
  .then(user => getPosts(user.id))
  .then(posts => getComments(posts[0].id))
  .then(comments => console.log(comments))
  .catch(error => console.error("处理失败:", error));

优点：避免嵌套缩进，通过返回新Promise保持链式结构

3. Promise.all并行处理

// 适用于无依赖关系的并行请求
Promise.all([getProfile(), getNotifications()])
  .then(([profile, notifs]) => {
    console.log(profile, notifs);
  });

4. 高级方案

Promise组合工具：使用Promise.allSettled()处理部分成功场景
函数拆分：将复杂操作拆分为小函数

const fetchUserData = async () => {
  const user = await getUser();
  return {
    user,
    posts: await getPosts(user.id),
    comments: await getComments(user.id)
  };
}