精解 ES6 Promise 用法

发布时间：2023年12月25日

🐱 个人主页：SHOW科技，公众号：SHOW科技
🙋?♂? 作者简介：2020参加工作，专注于前端各领域技术，共同学习共同进步，一起加油呀！
💫优质专栏：前端主流技术分享
📢 资料领取：前端进阶资料可以找我免费领取
🔥 摸鱼学习交流：我们的宗旨是在「工作中摸鱼，摸鱼中进步」，期待大佬一起来摸鱼！
————————————————
版权声明：本文为CSDN博主「SHOW科技」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

ES6 Promise 是一种用于处理异步操作的方式。它是一个对象，表示一个异步操作的最终完成（或失败）及其结果的值。Promise 可以通过链式调用的方式，更方便地处理异步操作的结果。

下面是几种常见的 Promise 用法：

创建一个 Promise 对象：

const promise = new Promise((resolve, reject) => {
  // 执行异步操作，成功则调用 resolve，失败则调用 reject
});

使用 then() 方法处理 Promise 结果：

promise.then(result => {
  // 异步操作成功时的处理逻辑
}).catch(error => {
  // 异步操作失败时的处理逻辑
});

使用 Promise.all() 处理多个 Promise 对象：

const promise1 = new Promise((resolve, reject) => {
  // 异步操作1
});
const promise2 = new Promise((resolve, reject) => {
  // 异步操作2
});
Promise.all([promise1, promise2]).then(results => {
  // 所有异步操作都完成时的处理逻辑
}).catch(error => {
  // 任一异步操作失败时的处理逻辑
});

使用 Promise.race() 处理多个 Promise 对象：

Promise.race([promise1, promise2]).then(result => {
  // 最快完成的异步操作的处理逻辑
}).catch(error => {
  // 任一异步操作失败时的处理逻辑
});

使用 async/await 简化 Promise 的使用：

async function myAsyncFunction() {
  try {
    const result = await promise;
    // 异步操作成功时的处理逻辑
  } catch (error) {
    // 异步操作失败时的处理逻辑
  }
}

这只是 Promise 的基本用法，还有更多高级用法和技巧可以探索。