Promise的通俗易懂理解——摆脱“回调地狱”的利器

2023-10-09 09:32:37

异步编程与回调函数

在JavaScript中，由于单线程执行的特性，一些浏览器事件、请求事件都是异步执行的，这也就意味着这些事件不会立即返回结果，而是需要通过回调函数来处理异步的结果。

回调函数是一种在异步操作完成后执行的函数，它可以接收异步操作的结果作为参数。例如，我们使用setTimeout()函数来延迟执行一个函数：

setTimeout(() => {
  console.log('Hello, world!');
}, 1000);

在这个示例中，setTimeout()函数会延迟1秒执行箭头函数，然后在控制台输出“Hello, world!”。

回调函数的使用很常见，但是在一些场景下，就会形成回调函数嵌套回调函数，有的情况甚至套用多层，形成了“回调地狱”。

什么是Promise？

Promise是一个JavaScript对象，它代表一个异步操作的结果。Promise可以处于三种状态之一：

Pending： 这是Promise的初始状态，表示异步操作尚未完成。
Fulfilled： 异步操作已成功完成，Promise包含了操作的结果。
Rejected： 异步操作已失败，Promise包含了操作的错误信息。

Promise的使用

使用Promise非常简单，首先我们需要创建一个Promise对象，然后在异步操作完成后，使用resolve()或reject()方法来改变Promise的状态。

const promise = new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    if (成功) {
      resolve('Hello, world!');
    } else {
      reject('Error!');
    }
  }, 1000);
});

在这个示例中，我们创建了一个Promise对象，并传入了一个执行器函数。执行器函数有两个参数：resolve和reject。

resolve()方法用于在异步操作成功完成后改变Promise的状态为Fulfilled，并将操作的结果作为参数传入。
reject()方法用于在异步操作失败后改变Promise的状态为Rejected，并将操作的错误信息作为参数传入。

在执行器函数中，我们使用了setTimeout()函数来模拟一个异步操作。1秒后，如果成功变量为true，则使用resolve()方法来改变Promise的状态为Fulfilled，并将“Hello, world!”作为结果传入。如果成功变量为false，则使用reject()方法来改变Promise的状态为Rejected，并将“Error!”作为错误信息传入。