停止 JavaScript 执行而不锁定浏览器

Question

您是否能够在不锁定浏览器的情况下停止 JavaScript 执行？通常停止执行的方法是执行无限 while() 循环，但对于 FireFox，它会锁定浏览器，直到循环结束。

您对此有何看法？


我正在尝试重写 window.confirm() 以使用 HTML 实现我自己的对话框。我这样做是为了不必更改现有代码（这是一个相当大的代码库）。

我需要能够停止执行以允许用户输入；依次返回一个布尔值，就像标准确认函数一样：

if (confirm("..."))
{
    // user pressed "OK"
}
else
{
    // user pressed "Cancel"
}

更新

据我所知；这不能使用 setTimeout() 或 setInterval() 来完成，因为这些函数异步执行提供给它们的代码。

Answer 1

confirm() prompt() 和 alert() 是特殊函数——它们从 JavaScript 沙箱调用到浏览器，然后浏览器暂停 JavaScript 执行。您不能做同样的事情，因为您需要将功能构建到 JavaScript 中。

我不认为有一个很好的方法可以在不进行一些重组的情况下更换替代品：

myconfirmfunction(function() {
   /* OK callback */
}, function() {
   /* cancel callback */
});

Answer 2

使用回调或使您的代码仅适用于 Firefox。在支持JavaScript 1.7及更高版本的Firefox中，您可以使用yield语句来模拟您想要的效果。我为此目的创建了一个名为 async.js 的库。 async.js 的标准库包含一个确认方法，可以这样使用：

if (yield to.confirm("...")) {
  // user pressed OK
} else {
  // user pressed Cancel
}

Answer 3

您无法在 JavaScript 中停止事件线程，因此您必须解决该问题，通常是使用回调函数。这些函数稍后运行，但可以像 JavaScript 中的任何其他对象一样传递。您可能通过 AJAX 编程熟悉它们。因此，例如：

doSomeThing();
var result = confirm("some importart question");
doSomeThingElse(result);

将转换为：

doSomeThing();
customConfirm("some importart question", function(result){
  doSomeThingElse(result);
});

其中 customConfirm 现在接受一个问题并将结果传递给它作为参数的函数。如果您使用按钮实现 DOM 对话框，则将事件侦听器连接到“确定”和“取消”按钮，并在用户单击其中之一时调用回调函数。

Answer 4

JavaScript 语言有一个扩展，称为 StratifiedJS。它在每个浏览器中运行，并且允许您做到这一点：停止一行 JavaScript 代码而不冻结浏览器。

您可以通过在网页中包含 Oni Apollo ( http://onilabs.com/docs ) 来启用分层 JavaScript就像：

<script src="http://code.onilabs.com/latest/oni-apollo.js"></script>
<script type="text/sjs"> your StratifiedJS code here </script>

你的代码看起来像这样：

var dom = require("dom");
displayYourHtmlDialog();
waitfor {
  dom.waitforEvent("okbutton", "click");
  // do something when the user pressed OK
}
or {
  dom.waitforEvent("cancelbutton", "click");
}
hideYourHtmlDialog();
// go on with your application

Answer 5

通常停止执行的方式几乎不应该是无限的 while 循环。

将您的工作分成几个部分，您可以使用 SetTimeout

将其更改

  DoSomeWork();
  Wait(1000);
  var a = DoSomeMoreWork();
  Wait(1000);
  DoEvenMoreWork(a);

为：

 DoSomeWork();
 setTimeout(function() {
    var a = DoSomeMoreWork();
    setTimeout(function() { 
        DoEvenMoreWork(a);
    }, 1000);
 }, 1000);

Answer 6

我认为没有任何方法可以在您自己的 JavaScript 中合理地重新创建confirm() 或prompt() 的功能。它们是“特殊的”，因为它们被实现为对本机浏览器库的调用。您实际上无法在 JavaScript 中执行此类模式对话框。

我见过各种 UI 库，它们通过在页面顶部放置一个元素来模拟效果，看起来和效果很不错。行为类似于模式对话框，但它们是使用异步回调实现的。

您将必须修改现有库，而不是替换 window.confirm。

Answer 7

我尝试使用紧密循环 这个。我需要减慢本机事件的速度（据我所知，这是无法异步重新架构的同步等待的唯一用例）。有很多循环示例声称不会锁定浏览器；但它们都不适合我（浏览器没有锁定，但它们阻止它做我最初等待的事情），所以我放弃了这个想法。

接下来我尝试了这个 - 存储和重播该事件，这似乎也是不可能跨浏览器的。然而，根据事件以及您需要的灵活性，您可以接近。

最后我放弃了，心里感觉好多了；我找到了一种方法，可以让我的代码正常工作，而不必减慢本机事件的速度。