Promise 封装同步代码后是否就变为异步？

本文探讨了 JavaScript 中 Promise 的使用是否会将同步代码变为异步代码。通过分析 Promise 的基本概念以及两个示例函数（一个使用 setTimeout 模拟异步操作，另一个使用 while 循环模拟同步阻塞），文章指出 Promise 本身并不改变代码的同步或异步性质。即使代码被封装在 Promise 中，同步操作仍然会阻塞主线程，而异步操作则不会。

在 JavaScript 开发中，Promise 是一个强大的工具，用于处理异步操作。但很多人会误以为，将代码封装到 Promise 中，原本的同步代码就会变成异步代码。本文将通过具体示例来探讨这一问题。

Promise 的基本概念

Promise 是一个表示异步操作最终完成或失败的对象，它有三种状态：pending（进行中）、fulfilled（已完成）和 rejected（已失败）。它提供了处理成功或失败结果的方法。

示例代码分析

以下是两个函数示例：

const a = arg => { return new Promise(resolve => { setTimeout(() => { console.log(arg) resolve(arg) }, 1000) }) } const b = arg => { return new Promise(resolve => { let now = Date.now() while (Date.now() - now < 1000) { // do nothing } console.log(arg) resolve(arg) }) }

函数 a 使用 setTimeout 模拟异步操作，延迟 1000 毫秒后执行。
函数 b 使用 while 循环阻塞主线程约 1000 毫秒。

接下来，我们在一个异步自执行函数中调用这些函数：

;(async () => { // a 执行 console.time('time a') await Promise.all([a(1), a(2)]) console.timeEnd('time a') // 预期输出: time a: 接近 1000ms // b 执行 console.time('time b') await Promise.all([b(1), b(2)]) console.timeEnd('time b') // 预期输出: time b: 接近 2000ms })()