JavaScript同步函数能否并发调用？异步函数内同步函数并发问题咨询

嘿，我来帮你把这两个JS执行逻辑的问题讲明白，都是日常开发里容易搞混的点，咱们一个个说：

问题1：JavaScript同步函数是否可以被并发调用？ #

答案是不行——因为JavaScript的主线程是单线程的，所有同步代码都得在这个单线程里排队执行。哪怕你尝试“同时”调用多个同步函数，它们也会被事件循环按顺序挨个处理，同一时间只能有一个同步函数在运行，其他的都得等着当前函数执行完才能轮到自己。

举个简单的例子，你写两个同步的计算函数，哪怕用setTimeout把它们的调用放在同一个时间点触发，它们也还是串行执行的，绝对不会同时跑。这是JS单线程模型决定的，同步代码会阻塞主线程，没商量。

问题2：内部调用同步函数的异步函数被并发调用时，同步函数会有问题吗？能并发计算吗？ #

咱们拆解来看：异步函数本身在遇到await的时候会暂停执行，把控制权交还给事件循环，但里面的同步函数本质还是同步代码——所以它依然遵循单线程的规则，绝对不会并发执行。

比如你写了一个异步函数，里面调用了一个耗时的同步计算函数，然后同时调用这个异步函数两次：第一次调用里的同步函数会先霸占主线程，把活儿干完；等它执行完了，主线程才会去处理第二次调用里的同步函数。也就是说，同步函数必须等前一次调用完成后才会执行下一次。

那会不会引发问题？得看你的同步函数有没有副作用：

• 如果是纯函数（只依赖输入，不修改外部状态，比如全局变量、闭包变量），那哪怕串行执行也没啥问题，只是执行顺序是排队的而已；
• 如果同步函数会修改共享状态（比如操作同一个全局对象、DOM元素），那就要注意逻辑顺序——因为前一次的修改完成后，后一次才会基于修改后的状态执行，如果你的业务逻辑期望基于初始状态同时计算，那结果可能不符合预期，但不会出现“同时修改导致数据错乱”的情况，毕竟是串行执行的。

给你贴个代码例子直观感受下：

// 一个耗时的同步函数
function heavySyncCalc() {
  console.log('🔛 开始同步计算');
  // 模拟2秒的耗时操作
  const start = Date.now();
  while (Date.now() - start < 2000) {}
  console.log('🔚 结束同步计算');
}

// 内部调用同步函数的异步函数
async function asyncWrapper() {
  console.log('👉 进入异步函数');
  heavySyncCalc();
  await Promise.resolve(); // 这里暂停，交回控制权
  console.log('👈 异步函数后续逻辑');
}

// 并发调用两次
asyncWrapper();
asyncWrapper();

执行结果会是这样的：

👉 进入异步函数
🔛 开始同步计算
🔚 结束同步计算
👉 进入异步函数
🔛 开始同步计算
🔚 结束同步计算
👈 异步函数后续逻辑
👈 异步函数后续逻辑

你看，两个heavySyncCalc是完全串行的，根本不会同时跑。异步函数的“并发”其实体现在await之后的部分，但同步代码依然是阻塞主线程的串行执行。

内容的提问来源于stack exchange，提问作者Mr. Blockchain