Promise的出现改变浏览器的工作原理

2023-09-30 18:52:44

从嵌套调用到事件循环
在Promise出现之前，浏览器中执行异步任务的主要方式是嵌套调用，即在一个任务的回调函数内部执行另一个任务。这种方式虽然简单，但很容易导致代码的可读性降低。

Promise的出现，让异步编程变得更加简单和可读。Promise是一种JavaScript对象，它代表一个异步操作的最终完成或失败的结果。当一个Promise被创建时，它会处于pending状态，表示操作尚未完成。当操作完成时，Promise会转为resolved或rejected状态，分别表示操作成功或失败。

事件循环与Promise

浏览器中有一个叫做事件循环的机制，它负责处理各种事件，包括异步任务的回调函数。当一个异步任务完成时，浏览器会将对应的回调函数添加到事件循环中。事件循环会依次执行这些回调函数，从而保证异步任务的顺序执行。

Promise与事件循环紧密相关。当一个Promise被创建时，它会被添加到事件循环中。当Promise的状态发生变化时，浏览器会将对应的回调函数添加到事件循环中。这样，就可以保证Promise的回调函数在Promise的状态发生变化后立即执行。

Promise的使用

在浏览器中使用Promise非常简单。首先，需要创建一个Promise对象。可以使用Promise.resolve()方法来创建一个resolved状态的Promise，可以使用Promise.reject()方法来创建一个rejected状态的Promise。

然后，可以使用then()方法来为Promise添加回调函数。then()方法有两个参数，第一个参数是resolved状态的回调函数，第二个参数是rejected状态的回调函数。

const promise = Promise.resolve(42);

promise.then((value) => {
  console.log(value); // 输出: 42
});

如果Promise的状态是rejected，则会调用rejected状态的回调函数。

const promise = Promise.reject(new Error('Something went wrong'));

promise.then(null, (error) => {
  console.log(error.message); // 输出: Something went wrong
});