javascript 等待某事为真

Question

我在 javascript 函数中创建了一个原型窗口。在窗口中，我加载了一个用户必须选择某些内容的站点。我希望 javascript 函数等到用户选择了某些内容，然后返回用户选择的内容的值。

function showTargetDirectoryChooser(){
  var win = new Window( 'dirchooser_' + new Date().getTime() , {className: 'alphacube', width: 320, height: 470, url: '/directories/choose', maximizable: false});
  win.showCenter();
  win.setDestroyOnClose();

  // WAIT_UNTIL( win.content.contentWindow.Directory != null )

  return win.content.contentWindow.Directory
}

我找到了 here 我可以使用的东西 - 但我不明白如何...

Answer 1

这是一个异步过程；最好用回调来处理。

例如，你不能使用closeCallback吗？

function showTargetDirectoryChooser(done){
  var win = new Window( 'dirchooser_' + new Date().getTime() , {className: 'alphacube', width: 320, height: 470, url: '/directories/choose', maximizable: false});
  win.showCenter();
  win.setDestroyOnClose();

  // This will ensure 
  win.setCloseCallback(function () {
      done(win.content.contentWindow.Directory);
      return true; // or return false if you don't want the window to be closed
  });

  return true;
}

有了这个，你会改变

var chosenDir = showTargetDirectoryChooser();
// do something with chosen directory

进入

var chosenDir;
showTargetDirectoryChooser(function (directory) {
    chosenDir = directory;
    // do something with the chosen directory
});

Answer 2

一种选择是使用事件处理程序。当Directory 通过单击或更改事件设置时，如果触发了该事件，请附加一个处理程序，该处理程序接受该事件并将其传递回主窗口中的函数。这将需要使您的代码异步 - 以便您有一个调用 showTargetDirectoryChooser() 的调用者和一个将目录结果作为单独函数的回调。不过，在那里重新构建代码并将其分解为调用者和回调应该不会太复杂。

您也可以使用 setTimeout 并像这样轮询win.content.contentWindow.Directory 的内容：

function showTargetDirectoryChooser(){
  var win = new Window( 'dirchooser_' + new Date().getTime() , {className: 'alphacube', width: 320, height: 470, url: '/directories/choose', maximizable: false});
  win.showCenter();
  win.setDestroyOnClose();

  setTimeout("pollDirectory()", 500); // poll in a half second
}

function pollDirectory() {
  if(win.content.contentWindow.Directory != null) {
    callback(win.content.contentWindow.Directory); // you will need an asynch callback
  } else {
    setTimeout("pollDirectory()", 500); // poll in a half second
  }

}

这样做还要求您的代码是异步的。

另一种选择是查看 jquery wait，但这是超时而不是等待条件。或者有一组reactive extensions to JS，但这看起来对你正在做的事情来说太过分了。不过，observable 的概念可能是您想要研究的。