javascript - 为什么 JavaScript 对话框(警告、确认)会停止页面重绘？

Question

在浏览器页面上打开模式对话框，停止页面重绘。脚本以异步方式启动，在后台不间断地运行。

我在这个 JSfiddle http://jsfiddle.net/YNbux/ 中说明了行为.当显示 alert() 时，框停止动画，并在关闭警报时跳入动画。

此行为存在于(至少在我的计算机上):

• Chrome 21.0.1180.82
• 歌剧 12.01
• Safari 6.0

所以我猜这是有意为之的行为 - 但会导致动画跳跃，以及其他对最终用户来说似乎是故障的事情。那么为什么 alert() 和 confirm() 会阻止页面重绘呢？

编辑:gif 图像也停止重绘:http://jsfiddle.net/YNbux/4/

Answer 1

那些函数是阻塞函数。您的 JavaScript 停止执行，直到它们返回。

您的动画和不在后台的内容并未与调用 alert() 的代码完全分离。看似异步的代码仍然需要在循环中执行，如果某些代码阻塞了循环，它们将不会自行运行。这对于代码的正确运行至关重要。