在javascript中，当第一个函数准备好时执行一个函数

Question

在javascript中，有什么方法可以在第一个函数“准备好”时调用其他函数，

如下所示：

ridiculousTimeConsumingFunction().onReady( newFunction() );

为了说明我的示例，您可以看看她： http://web.cinaird.se/pdf/test.htm

Answer 1

<罢工>
可笑的时间消耗函数（）；
newFunction();

将在 ridiculousTimeConsumingFunction() 完成后执行 newFunction()。

您还可以执行类似 ridiculousTimeConsumingFunction(newFunction); 的操作，并按如下方式定义荒谬的TimeConsumingFunction：

function ridiculousTimeConsumingFunction(callback) {
   for (var i=0;i<1000000000;i++) {

   };

   callback();
}

这将具有相同的效果。

事实上，放弃所有这些，因为它是一个异步事件，而不是一个耗时的函数...您必须使用回调：

function longFunction (callback) {
  setTimeout(function(){
    $(".theDiv").css('height', 200 );
    callback();
  }, 1000);
}

然后按如下方式调用它：

longFunction(function () {
      $("#info").html(info);
});

Answer 2

“就绪”的概念通常不是为像您的示例这样的异步函数定义的。通常这种事情是通过回调来完成的：

function asyncFunc(callback) {
  setTimeout(function() {
    doSomething();
    callback();
  }, 1000);
}

asyncFunc(function() {alert('Done!');}

Answer 3

在您的示例中，“ridiculousTimeConsumingFunction”函数实际上并不需要那么长时间来执行：它只是安排另一个函数在未来运行 1 秒。

如果你想做这样的事情，我建议你查看 jQuery UI 的效果 API。它允许您将动画一个接一个地“链接”在一起，并且应该达到您想要的效果。

Answer 4

如果您的意思是 ready 当 DOM 准备好时，则没有此类事件，但是您可以使用 jQuery 的 ready 处理程序在 DOM 准备就绪时触发您的函数。

使用 Javascript，您也可以在 load 事件中触发您的函数，如下所示：

window.onload = function(){
  // your function code here
};

或者

window.onload = somefunction;