JavaScript单线程环境下能否使用setTimeout实现非阻塞并行计算？

setTimeout 0方案的合理性 #

• 你之前用Promise封装出现阻塞的核心原因是：new Promise()传入的executor回调是同步执行的，直接把耗时计算写在里面会立刻在主线程运行，自然会阻塞后续的console.log("end")，只有.then回调才是异步微任务，会延迟到同步栈清空后执行。
• setTimeout 0的原理是把回调放到宏任务队列，等待当前同步栈、微任务队列都清空后再执行，能实现你要的「不阻塞后续同步语句」的效果，仅从你给出的示例场景看是可用的。
• 但这个方案有明显缺陷：计算逻辑依然运行在主线程，执行1-2秒计算的过程中，所有主线程的其他任务（包括用户点击、页面滚动、DOM渲染等）都会被阻塞，用户会感知到页面卡顿，仅适合对交互流畅度要求极低的场景。

无需setTimeout的并发实现方案 #

1. Web Worker（最推荐，适用于浏览器环境） #

Web Worker可以开启独立于主线程的后台线程执行计算逻辑，完全不会阻塞主线程的交互和渲染，是CPU密集型长耗时计算的最优解，示例代码如下：
主线程代码：

console.log("start")
// 新建Worker线程，加载写有计算逻辑的js文件
const calcWorker = new Worker('./calc.js')
// 监听Worker返回的计算结果
calcWorker.onmessage = (e) => console.log(e.data)
// 向Worker发送计算需要的参数
calcWorker.postMessage({/* 计算参数 */})
console.log("end")

calc.js（Worker线程文件）代码：

// 接收主线程传来的参数
self.onmessage = (e) => {
  /* 耗时计算逻辑 */
  const res = 'calculation result'
  // 把结果返回主线程
  self.postMessage(res)
  // 计算完成关闭线程
  self.close()
}

2. requestIdleCallback（适用于浏览器环境，计算优先级低的场景） #

利用浏览器的空闲时间执行任务，不会抢占渲染和交互的资源，适合优先级不高的后台计算：

console.log("start")
requestIdleCallback(() => {
  /* 耗时计算逻辑 */
  console.log("calculation result")
})
console.log("end")

3. 微任务队列调度（仅需要不阻塞当前同步栈，能接受计算时阻塞主线程的场景） #

如果你的需求只是不阻塞当前批次的同步代码，不需要真的并行，也可以把计算逻辑放到微任务队列执行，不需要setTimeout：

console.log("start")
queueMicrotask(() => {
  /* 耗时计算逻辑 */
  console.log("calculation result")
})
console.log("end")

注意这个方案的计算逻辑依然在主线程执行，计算过程还是会阻塞其他主线程任务。

4. Node.js环境worker_threads模块 #

如果是Node.js服务端场景，可以使用内置的worker_threads模块开启独立线程执行计算，逻辑和浏览器Web Worker类似。

内容的提问来源于stack exchange，提问作者Christopher