TypeScript 如何在 TypeScript 中使用 Promise.all()

在本文中，我们将介绍在 TypeScript 中如何使用 Promise.all() 方法。Promise.all() 方法接收一个Promise数组作为参数，并在所有Promise都完成时返回一个新的Promise。该新的Promise将解析为一个包含所有原始Promise解析值的数组。

阅读更多：TypeScript 教程

使用 Promise.all() 方法

使用 Promise.all() 方法可以同时执行多个Promise，并在所有Promise都完成后进行处理。下面是一个在 TypeScript 中使用 Promise.all() 方法的示例：

const promise1 = Promise.resolve(1);
const promise2 = Promise.resolve(2);
const promise3 = Promise.resolve(3);

Promise.all([promise1, promise2, promise3])
  .then((values) => {
    console.log(values); // 输出 [1, 2, 3]
  })
  .catch((error) => {
    console.error(error); // 捕获异常
  });

在上面的示例中，我们创建了三个Promise实例（promise1、promise2、promise3），并使用Promise.all() 方法来处理这些Promise。当所有Promise都解析后，then() 方法将调用并传递一个包含所有Promise解析值的数组。

如果其中一个Promise被拒绝（rejected），则catch() 方法将被调用，我们可以在其中处理错误。

在 TypeScript 中使用带有不同类型Promise的 Promise.all()

在 TypeScript 中，我们可以使用不同类型的Promise使用Promise.all()方法。下面是一个示例：

const promise1 = Promise.resolve('Hello');
const promise2 = Promise.resolve(100);
const promise3 = new Promise<boolean>((resolve) => {
  setTimeout(() => {
    resolve(true);
  }, 2000);
});

Promise.all([promise1, promise2, promise3])
  .then((values) => {
    console.log(values); // 输出 ['Hello', 100, true]
  })
  .catch((error) => {
    console.error(error); // 捕获异常
  });

在上面的示例中，我们使用了不同类型的Promise（字符串、数字和布尔型）。Promise.all() 方法将等待所有Promise都完成后才继续执行，然后返回一个包含所有Promise解析值的数组。

处理错误

使用Promise.all()方法时，我们可以通过.catch()方法来捕获任何一个Promise被拒绝（rejected）的情况，通过返回一个拒绝（rejected）状态的Promise来处理错误。下面是一个示例：

const promise1 = Promise.resolve('Hello');
const promise2 = Promise.reject(new Error('Promise rejected'));
const promise3 = Promise.resolve('World');

Promise.all([promise1, promise2, promise3])
  .then((values) => {
    console.log(values); 
  })
  .catch((error) => {
    console.error(error); // 输出 Error: Promise rejected
  });

在上面的示例中，promise2被拒绝（rejected），所以.then()方法不会被调用，而是调用了.catch()方法，输出了被拒绝（rejected）Promise的错误信息。

综合示例

下面是一个使用Promise.all()方法的综合示例，展示了如何在 TypeScript 中处理多个异步任务：

function getDataFromAPI(url: string): Promise<string> {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (url === 'https://api.example.com/data') {
        resolve('Data from API');
      } else {
        reject(new Error('Invalid URL'));
      }
    }, 2000);
  });
}

function getDataFromDatabase(): Promise<number> {
  return Promise.resolve(42);
}

function getDataFromFileSystem(): Promise<boolean> {
  return Promise.resolve(true);
}

Promise.all([
  getDataFromAPI('https://api.example.com/data'),
  getDataFromDatabase(),
  getDataFromFileSystem(),
])
  .then((values) => {
    console.log(values); // 输出 ['Data from API', 42, true]
  })
  .catch((error) => {
    console.error(error);
  });

在上面的示例中，我们定义了三个异步任务函数：getDataFromAPI()、getDataFromDatabase()和getDataFromFileSystem()，分别返回不同类型的Promise。然后，我们使用Promise.all()方法来处理这些异步任务，并在所有任务完成后，输出包含所有任务结果的数组。

总结

在本文中，我们介绍了如何在TypeScript中使用Promise.all()方法。使用Promise.all()方法可以同时执行多个Promise，并在所有Promise都完成后进行处理。我们还讨论了如何处理不同类型Promise和错误。希望本文对你在TypeScript中使用Promise.all()方法有所帮助。