Promise实现的纵横捭阖（三）

2024-02-04 02:25:46

前言

在上一篇文章中，我们完成了Promise库的大部分核心方法的实现，包括then、catch、finally以及一些辅助方法。在这篇文章中，我们将完成剩下的方法并对整个库进行总结和展望。

剩余方法的实现

`Promise.resolve()` 和 `Promise.reject()` 方法

Promise.resolve()和Promise.reject()方法是用来创建一个新的Promise对象并将其状态设置为resolved或rejected。Promise.resolve()方法接受一个值作为参数，并将其作为新的Promise对象的结果；Promise.reject()方法也接受一个值作为参数，并将其作为新的Promise对象的原因。

这两个方法非常有用，可以用来将其他异步操作转换为Promise对象。例如，我们可以使用setTimeout()函数创建一个新的Promise对象，该Promise对象在1秒后被解析为"Hello, world!"：

const promise = Promise.resolve(setTimeout(() => {
  return "Hello, world!";
}, 1000));

promise.then(result => {
  console.log(result); // 输出: "Hello, world!"
});

我们也可以使用Promise.reject()方法创建一个新的Promise对象，该Promise对象在1秒后被拒绝为"Error"：

const promise = Promise.reject(setTimeout(() => {
  throw new Error("Error");
}, 1000));

promise.catch(error => {
  console.error(error); // 输出: Error: Error
});

`Promise.all()` 和 `Promise.race()` 方法

Promise.all()和Promise.race()方法都是用来处理多个Promise对象的情况。Promise.all()方法接受一个Promise对象数组作为参数，并返回一个新的Promise对象，该Promise对象在所有输入的Promise对象都被解析后被解析为一个包含所有输入Promise对象结果的数组；如果任何一个输入的Promise对象被拒绝，那么Promise.all()方法也会被拒绝，并返回该输入Promise对象的原因。

Promise.race()方法也接受一个Promise对象数组作为参数，但它返回一个新的Promise对象，该Promise对象在第一个输入的Promise对象被解析或拒绝后被解析或拒绝，并返回该输入Promise对象的结果或原因。

这两个方法非常有用，可以用来并行执行多个异步操作或等待多个异步操作中的第一个完成。例如，我们可以使用Promise.all()方法来并行执行10个setTimeout()函数，每个函数在1秒后被解析为一个数字，然后将这些数字相加：

const promises = [];
for (let i = 0; i < 10; i++) {
  promises.push(Promise.resolve(setTimeout(() => {
    return i;
  }, 1000)));
}

Promise.all(promises).then(results => {
  const sum = results.reduce((a, b) => a + b, 0);
  console.log(sum); // 输出: 45
});

我们也可以使用Promise.race()方法来等待10个setTimeout()函数中的第一个被解析或拒绝，然后输出该函数的结果或原因：

const promises = [];
for (let i = 0; i < 10; i++) {
  promises.push(Promise.resolve(setTimeout(() => {
    return i;
  }, 1000)));
}

Promise.race(promises).then(result => {
  console.log(result); // 输出: 0
}, error => {
  console.error(error); // 不会输出任何内容
});