JavaScript Promise 教程

Promise 是 JavaScript 中用于异步编程的一个重要概念，它允许你以同步的方式编写异步代码。下面将详细介绍 Promise 的基本概念、用法以及一些高级特性。

什么是 Promise？

Promise 是一个对象，它代表了异步操作最终完成（或失败）的一种可能的结果。它有以下几种状态：

pending（等待状态）：初始状态，既不是成功，也不是失败。
fulfilled（成功状态）：操作成功完成。
rejected（失败状态）：操作失败。

Promise 对象提供以下方法：

then()：当 Promise 成功时，执行的函数。
catch()：当 Promise 失败时，执行的函数。
finally()：无论 Promise 成功或失败，都会执行的函数。

基本用法

以下是一个使用 Promise 的简单示例：

let promise = new Promise((resolve, reject) => {
  // 模拟异步操作
  setTimeout(() => {
    resolve('操作成功');
  }, 2000);
});

promise.then((result) => {
  console.log(result); // 输出：操作成功
}).catch((error) => {
  console.error(error);
});

在上面的例子中，我们创建了一个 Promise 对象，并在其中使用 setTimeout 模拟了一个异步操作。当异步操作成功完成时，我们调用 resolve 函数，将操作结果传递给 then 函数。如果异步操作失败，我们可以调用 reject 函数，将错误信息传递给 catch 函数。

高级特性

Promise.all()

Promise.all() 方法接收一个 Promise 数组，当所有 Promise 都成功完成时，返回一个新的 Promise。如果任何一个 Promise 失败，新的 Promise 立即失败。

let promise1 = new Promise((resolve, reject) => {
  resolve('Promise 1');
});

let promise2 = new Promise((resolve, reject) => {
  resolve('Promise 2');
});

Promise.all([promise1, promise2]).then((results) => {
  console.log(results); // 输出：['Promise 1', 'Promise 2']
});

Promise.race()

Promise.race() 方法接收一个 Promise 数组，当任何一个 Promise 成功或失败时，立即返回一个新的 Promise。

let promise1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Promise 1');
  }, 1000);
});

let promise2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Promise 2');
  }, 500);
});

Promise.race([promise1, promise2]).then((result) => {
  console.log(result); // 输出：Promise 2
});

总结

Promise 是 JavaScript 异步编程的重要组成部分，掌握 Promise 的基本概念和用法，可以帮助你写出更加高效、易维护的代码。

更多关于 Promise 的内容。