Promise 本质解析：同步？异步？两者兼而有之

2024-01-31 11:40:04

在 JavaScript 中，Promise 作为一种强大的异步编程工具，极大地简化了我们处理异步操作的复杂性。然而，对 Promise 的本质理解，往往会对我们的代码产生深远的影响。那么，Promise 究竟是同步的还是异步的？本文将深入解析 Promise 的工作机制，揭示同步与异步之间的微妙关系。

Promise 的同步本质

Promise 对象在创建时，会立即执行构造函数，这使得它看起来像是同步的。以下代码演示了这一点：

const promise = new Promise((resolve, reject) => {
  console.log('Promise constructor executed');
  resolve('Hello');
});

console.log('After Promise constructor');

运行这段代码，你将看到以下输出：

Promise constructor executed
After Promise constructor
Hello

从输出中可以看出，Promise 构造函数在创建 promise 时立即执行，并且在控制台输出 "Promise constructor executed"。随后，执行控制台输出 "After Promise constructor"，最后输出 "Hello"，这是因为 resolve('Hello') 被执行了。

.then 的异步本质

虽然 Promise 对象本身是同步的，但它的 .then 方法却是异步的。这意味着当调用 .then 方法时，它不会立即执行。以下代码演示了这一点：

const promise = new Promise((resolve, reject) => {
  console.log('Promise constructor executed');
  resolve('Hello');
});

promise.then((result) => {
  console.log('Inside .then');
  console.log(result);
});

console.log('After promise.then');

运行这段代码，你将看到以下输出：

Promise constructor executed
After promise.then
Inside .then
Hello

从输出中可以看出，Promise 构造函数在创建 promise 时立即执行，并且在控制台输出 "Promise constructor executed"。随后，执行控制台输出 "After promise.then"，而此时 .then 方法还没有执行。最后，执行 .then 方法，在控制台输出 "Inside .then" 和 "Hello"。