为什么while循环会阻止事件循环？

小编典典

为什么while循环会阻止事件循环？

javascript

以下示例在Node.js书中给出：

var open = false;

setTimeout(function() {
  open = true
}, 1000)

while (!open) {
  console.log('wait');
}

console.log('open sesame');

解释了while循环为何阻止执行时，作者说：

节点将永远不会执行超时回调，因为事件循环卡在了循环中，而循环在第7行开始了，因此永远不会给它处理超时事件的机会！

但是，作者没有解释为什么这是在事件循环的背景下发生的，还是在幕后真正发生了什么。

有人可以详细说明吗？为什么节点卡住？以及如何在保留while控制结构的同时更改上述代码，以使事件循环不会被阻塞，并且代码将按人们合理预期的方式运行；在setTimeout发生火灾之前，将仅记录1秒钟的等待时间，然后在记录“打开芝麻”后退出该过程。

阅读 698

2020-05-01

共1个答案

小编典典

真的很简单。在内部，node.js包含以下类型的循环：

从事件队列中获取一些东西
运行指示的任何任务并运行直到返回
完成上述任务后，从事件队列中获取下一个项目
运行指示的任何任务并运行直到返回
反复冲洗，起泡，重复

如果在某个时刻事件队列中什么都没有，则进入睡眠状态直到事件队列中放置了某些东西。

因此，如果一段Javascript处于while()循环中，则该任务未完成，按照上述顺序，在事件队列中没有新东西会被拾取，直到之前的任务完全完成为止。因此，一个很长或永远运行的while()循环只会使工作变得困难。因为Javascript一次只运行一个任务（用于JS执行的单线程），所以如果一个任务在while循环中旋转，那么其他任何事情都将无法执行。

这是一个简单的示例，可能有助于解释它：

 var done = false;

 // set a timer for 1 second from now to set done to true
 setTimeout(function() {
      done = true;
 }, 1000);

 // spin wait for the done value to change
 while (!done) { /* do nothing */}

 console.log("finally, the done value changed!");

从逻辑上讲，有些人可能会认为while循环将旋转直到计时器启动，然后计时器将更改doneto
的值，true然后while循环将完成，最后的while
console.log()将执行。那不会发生。实际上，这将是一个无限循环，并且该console.log()语句将永远不会执行。

问题是，一旦您进入while()循环等待循环，就无法再执行其他Javascript。因此，想要更改变量值的计时器done无法执行。因此，while循环条件永远不会改变，因此它是一个无限循环。

这是JS引擎内部发生的事情：

done 变量初始化为 false
setTimeout() 从现在开始将计时器事件安排为1秒
while循环开始旋转
在while循环旋转1秒后，计时器会在内部触发JS引擎，并将计时器回调添加到事件队列中。这可能发生在JS引擎内部的其他线程上。
while循环保持旋转，因为done变量永不改变。因为它继续旋转，所以JS引擎永远不会完成该执行线程，也永远不会从事件队列中提取下一个项目。

node.js是一个事件驱动的环境。为了在现实世界的应用程序中解决此问题，该done标志将在将来的某个事件中更改。因此，while您将来可以为某个相关事件注册事件处理程序，而不是自旋循环，然后在那里进行工作。在绝对最坏的情况下，您可以设置一个循环计时器和“轮询”来经常检查该标志，但是在几乎每种情况下，您都可以为实际事件注册一个事件处理程序，该事件处理程序将导致该done标志发生更改并执行您的工作。经过适当设计的代码可以知道其他代码想要知道何时发生了更改，甚至可以提供自己的事件侦听器和自己的通知事件，以便人们可以注册某个兴趣，甚至只是简单的回调。

2020-05-01