为什么我的同步代码要异步执行？

Question

我正在尝试运行一些同步函数，它应该等待一定的时间，然后返回控制。但出于某种原因，它一直在异步执行，或者至少看起来是这样的。

这是代码：

function pause(ms) {
  var dt = new Date();
  while (new Date() - dt <= ms) {
    /* Do nothing */
  }
}

console.log("start calculation..");
pause(3000);
console.log("calculation finished!");

这将立即在控制台中显示以下内容：

start calculation..
calculation finished!

没有任何延迟，就像暂停函数是异步执行的。

我尝试了3种不同版本的暂停函数，没有任何区别。

您可以在我输入的沙盒中看到这一点。

(您必须使用preferences - sandbox.config.json并转到“无限回路保护”才能工作)

1. 为什么代码不同步运行，首先显示“开始计算.”消息，然后是3秒延迟后的第二条消息？
2. 是否有更好的方法来模拟运行时间昂贵的同步函数？

Answer 1

由于我的质询只获部分答覆，我会自行提出解决办法，以防其他人有类似的问题：

首先，这段代码现在在Chrome、Chromium和Firefox的控制台中正常工作。它以前没有，因此在这方面可能对javascript引擎进行了升级。但是，当在提供的CodeSandbox中运行代码时，在延迟3秒之后，它仍然同时记录这两行代码。

正如人们所指出的，有两件事可能是造成这种情况的原因：

• 编译器删除空循环
• 只要循环运行，控制台消息就不会刷新。

此代码将解决以下两个问题：

function pause(ms, start=new Date()) {
  while (new Date() - start <= ms) {
    setTimeout(()=>pause(ms,start))
  }
}

console.log("start calculation..");
pause(3000);
console.log("calculation finished!");

调用SetTimeout (即使延迟为0 ms )将导致代码执行的其余部分(递归函数调用)被抛回事件循环中，以便在允许先执行事件回调之后进行后续处理。这可以确保其他事件--例如控制台的日志记录--不会被阻止。

它还将一些实际的代码放在循环中，这样循环就不会被任何编译器代码优化所删除。