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
}

我发现这里我可能会使用的东西- 但我不明白如何...

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

一种选择是使用事件处理程序。当通过单击或更改事件设置目录时，如果触发了该事件，请附加一个处理程序，该处理程序接受该事件并将其传递回主窗口中的函数。这需要使您的代码异步 - 以便您有一个调用 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，但这是超时而不是等待条件。或者有一组 反应式扩展JS，但这对于你正在做的事情来说似乎有点过分了。不过，可观察量的概念可能是您想要研究的内容。