Promise.all() 与 Promise.race() 的巧妙应用，以及使用 Promise 实现 compose 函数

简介

在现代 JavaScript 中，Promise 已成为异步编程的基石。Promise.all() 和 Promise.race() 是两个强大的函数，可帮助我们协调多个异步操作。此外，我们可以利用 Promise 的特性来创建可组合的函数，就像 compose 函数一样。

Promise.all()

Promise.all() 接收一个可迭代的 Promise 对象数组作为输入，并返回一个 Promise。此 Promise 将在所有输入 Promise 都解析后解析。如果任何输入 Promise 被拒绝，则返回的 Promise 也会被拒绝，并包含第一个被拒绝的 Promise 的拒绝原因。

一个常见的 Promise.all() 用例是并行执行多个异步任务。例如：

const promises = [
  fetch('https://example.com/data1'),
  fetch('https://example.com/data2'),
  fetch('https://example.com/data3')
];

Promise.all(promises).then(responses => {
  // 所有请求都已完成，responses 包含所有响应
});

Promise.race()

Promise.race() 也接收一个可迭代的 Promise 对象数组作为输入，但它返回一个 Promise，该 Promise 在第一个输入 Promise 解析或拒绝时解析或拒绝。它不关心其他 Promise 的状态。

Promise.race() 适用于我们只需要第一个可用结果的情况。例如：

const promises = [
  fetch('https://example.com/data1'),
  fetch('https://example.com/data2'),
  fetch('https://example.com/data3')
];

Promise.race(promises).then(response => {
  // 最快的请求已完成，response 包含第一个响应
});

使用 Promise 实现 compose 函数

Compose 函数是一个函数，它接收一个函数数组，并将它们按顺序组合成一个新函数。每个函数依次应用于前一个函数的输出，从而产生一个复杂的转换管道。

我们可以利用 Promise 的链式特性来实现一个 compose 函数：

const compose = (...functions) => input => {
  return functions.reduce((acc, fn) => fn(acc), input);
};

这个 compose 函数接收一个函数数组和一个输入值。它使用 reduce() 方法将函数应用于输入值，生成一个新的值，该值随后将成为下一个函数的输入值。

示例

让我们用一个示例来说明如何使用 Promise.all()、Promise.race() 和 compose 函数：

// Promise.all() 和 compose 函数的使用
const fetchUserData = id => fetch(`https://example.com/users/${id}`);
const fetchUserPosts = id => fetch(`https://example.com/posts/${id}`);

const getUserDataAndPosts = compose(
  Promise.all.bind(Promise),
  [fetchUserData, fetchUserPosts]
);

getUserDataAndPosts(1).then(([userData, userPosts]) => {
  // 用户数据和帖子都已可用
});

// Promise.race() 和 compose 函数的使用
const fetchFirstPost = id => Promise.race([
  fetch(`https://example.com/posts/${id}/1`),
  fetch(`https://example.com/posts/${id}/2`),
  fetch(`https://example.com/posts/${id}/3`)
]);

const getFirstPost = compose(
  Promise.race.bind(Promise),
  [fetchFirstPost]
);

getFirstPost(1).then(post => {
  // 最快的帖子请求已完成
});

总结

Promise.all() 和 Promise.race() 是强大的工具，可用于协调异步操作。我们还可以利用 Promise 的特性来创建可组合的函数，就像 compose 函数一样。通过巧妙地使用这些技术，我们可以编写更简洁、更具可读性和更可维护的异步代码。