JavaScript除回调、async/await外是否有强制同步阻塞执行所有代码的方法

实现方案 #

JavaScript底层没有提供全局开关可以直接把所有异步API转为同步阻塞执行，但你可以自己实现同步的阻塞延时逻辑，替换原有异步的setTimeout，就能达到你要的按书写顺序执行的效果。

你可以手动写一个阻塞主线程的sleep函数，代码如下：

function sleep(delay) {
  const start = Date.now();
  // 循环占用主线程直到达到延时时间，完全阻塞后续代码执行
  while (Date.now() - start < delay) {}
}

把你原来的代码替换成这个同步sleep的版本即可：

console.log(1);
console.log(2);
sleep(2000); // 这里会阻塞主线程2秒，后续代码全部等待
console.log(3);
console.log(4);
console.log(5);

注意事项 #

• 这种阻塞方式会完全占用JS主线程，浏览器环境下会导致页面所有交互、渲染全部卡死，Node.js环境下会无法响应任何其他请求、事件，仅适合你说的「追求写法简单、性能要求低」的极小场景使用，不要在生产环境引入。
• 没有办法做到「不修改原有异步代码、全局开启阻塞模式」的效果，JS的事件循环执行机制是底层定死的，异步API（比如原生setTimeout、网络请求等）本身的设计就是非阻塞的，要实现同步效果必须替换成对应的同步实现版本。

内容的提问来源于stack exchange，提问作者Joseph U.