保证你对Promise做到烂熟于心，轻松掌握Promise的实现方法！

前端

2023-12-20 10:40:12

Promise的魅力：异步编程的救星

在JavaScript的世界中，异步编程一直是一个棘手的问题。处理需要时间的任务（例如网络请求或文件读取）时，传统的回调方法往往会产生混乱、不可读的代码。

幸运的是，Promise的出现改变了这一切。Promise是处理异步操作的优雅而强大的工具，它允许我们提前注册回调函数，并在任务完成时立即得到通知。

Promise的基本原理：从等待到兑现

一个Promise对象本质上是一个状态机，它从创建开始就处于等待状态。通过调用resolve()或reject()方法，我们可以将状态修改为已完成或失败。

resolve()方法： 当异步操作成功时，我们调用resolve()方法，将Promise从等待状态转换为已完成状态，并传递成功的结果值。
reject()方法： 如果异步操作失败，我们调用reject()方法，将Promise从等待状态转换为失败状态，并传递失败的原因。

创建一个Promise：用new Promise()开启魔法

创建Promise很简单。只需使用new Promise()函数并传递一个执行器函数即可。执行器函数接受两个参数：resolve和reject，它们就是我们修改Promise状态的途径。

const promise = new Promise((resolve, reject) => {
  // 在这里执行你的异步操作
  setTimeout(() => {
    if (операцияУспешна) {
      resolve('Операция завершена успешно');
    } else {
      reject('Произошла ошибка');
    }
  }, 1000);
});

在上面的示例中，我们创建一个Promise，并使用setTimeout()模拟一个异步操作。一秒后，我们调用resolve()或reject()方法来修改Promise的状态，并触发相应的回调函数。

兑现Promise：使用then()和catch()监听结果

一旦创建了Promise，我们可以使用then()和catch()方法来监听其结果。

then()方法： 当Promise状态变为已完成时，触发then()方法中指定的回调函数。该回调函数接受成功结果值作为参数。
catch()方法： 当Promise状态变为失败时，触发catch()方法中指定的回调函数。该回调函数接受失败原因作为参数。

promise.then(result => {
  // 操作成功后执行的回调函数
  console.log(result); // 输出：操作成功
}).catch(error => {
  // 操作失败后执行的回调函数
  console.log(error); // 输出：操作失败
});