Promise入门：理解异步编程的新利器

前端

2023-11-10 20:51:32

初识Promise

在传统的编程范式中，我们习惯于使用回调函数来处理异步操作。回调函数是一种在异步操作完成后被调用的函数，它可以接收异步操作的结果作为参数。然而，当我们需要处理多个异步操作时，回调函数就会变得难以管理，代码也会变得杂乱无章。

为了解决这个问题，Promise应运而生。Promise是一种对象，它表示一个异步操作的最终完成或失败。我们可以使用Promise来处理异步操作，而无需使用回调函数。

Promise有三种状态：

Pending： 初始状态，表示异步操作尚未完成。
Fulfilled： 成功状态，表示异步操作已成功完成，并且有结果返回。
Rejected： 失败状态，表示异步操作已失败，并且有错误信息返回。

Promise的用法

要使用Promise，我们需要先创建一个Promise对象。我们可以使用new Promise()方法来创建一个Promise对象。

const promise = new Promise((resolve, reject) => {
  // 异步操作
});

在new Promise()方法中，我们需要传入一个函数，这个函数有两个参数：resolve和reject。resolve函数用于在异步操作成功完成时调用，reject函数用于在异步操作失败时调用。

当异步操作完成后，我们需要调用resolve或reject函数来改变Promise的状态。如果异步操作成功完成，我们需要调用resolve函数，并将结果作为参数传递给resolve函数。如果异步操作失败，我们需要调用reject函数，并将错误信息作为参数传递给reject函数。

一旦Promise的状态发生改变，它就会触发相应的回调函数。我们可以使用then()方法来为Promise添加回调函数。

promise.then((result) => {
  // 处理成功结果
}, (error) => {
  // 处理错误信息
});

在then()方法中，我们需要传入两个函数，第一个函数用于处理成功结果，第二个函数用于处理错误信息。当Promise的状态变为Fulfilled时，第一个函数就会被调用，并将结果作为参数传递给第一个函数。当Promise的状态变为Rejected时，第二个函数就会被调用，并将错误信息作为参数传递给第二个函数。