Javascript：在另一个延迟函数中调用延迟函数

Question

所以，我有一个名为delayed1 的延迟函数，每次cond1 为真时都会重复，问题是，在delayed1 函数do_something1() 内部的某处被调用，如果cond3 为真，另一个名为delayed2 的延迟函数被调用。 现在的问题是我希望delayed1 等到delayed2 完成（这意味着直到cond2 为假）然后再次恢复，这似乎没有发生。一旦延迟 2 开始，延迟 1 不会等待它完成然后恢复。有没有办法做到这一点？希望我足够清楚......

function delayed2() {
    setTimeout(function () {
       do_something2();
        if ( cond2 ) {
            delayed2();
        }
    }, 1000)
}

function do_something1(){
    if ( cond3 ){
        delayed2();
    }
    else {
        something_else();
    }
}

function delayed1() {
    does_something_here();
    setTimeout(function () {
        do_something1();
        if ( cond1 ){
            delayed1();
        }
    }, 1000)

}

Answer 1

我明白你在这里想要做什么。您可能想以不同的方式接近。最好的方法是使用promises 或Deferreds。

这是使用 jquery deferreds 的示例。

var wait_a_second = $.Deffered();

$.when(wait_a_second)
    .then(does_something_here)
    .then(function(){
        if( cond1 ) delayed1();
    })

    .then(delayed1);


function delayed1(){
    var d = $.Deffered()

    // Your conditions and logic
    if( cond ) {
        d.resolve();
    }

    return d.promise();
}

function delayed2(){
    var d = $.Deffered();

    // Your conditions and logic
    if( cond ) {
        d.resolve();
    }

    return d.promise();
}

简而言之，学习管理异步操作队列的承诺。

Answer 2

你应该使用promises在JS中实现同步执行。

Promise 是一种机制，它返回一个可以挂钩回调的对象。一旦特定函数执行完毕，就可以调用这些回调。以下是它如何适用于您的情况。

您通常有 3 个相互依赖的函数。第一个应该等待第二个，第二个应该等待第三个。在第一级，第二个函数应该返回一个Promise。

function delayed1() {

    does_something_here();

    setTimeout(function () {
        var promise = do_something1();

        promise.then(function(){
            if ( cond1 ){
               delayed1();
           }
        });

    }, 1000) 
}

这是您的第二个功能。它创建一个承诺并返回它。同样在其if ( cond3 ) 内部，它应该等待来自第三个函数的承诺。我不会写你的第三个函数，因为我确信你可以按照这个模式自己做。

function do_something1(){

   return new Promise(function(resolve){
       if ( cond3 ){
           var promise = delayed(2);

           promise.then(function(){ 
              resolve()
            }) 

       }
       else {
          something_else();
          resolve();
       }    
   })  


}

Answer 3

您可以尝试使用回调。下面是一个基本的表示：

var count = 0;

function delay1(callback) {
  setTimeout(function() {
    console.log("Delay 1");
    count++;
    if (count < 12) {
      if (count % 2 == 0) {
        delay1();
      } else {
        delay2()
      }
    }
    if (callback) {
      callback();
    }
  }, 1000);
}

function delay2(callback) {
  setTimeout(function() {
    console.log("Delay 2");

    if (count > 10) {
      delay1(function() {
        console.log("This is callback;")
      })
    } else if (count % 2 == 0) {
      delay2();
    } else {
      delay1()
    }

    if (callback) {
      callback();
    }
    count++;
  }, 1000);
}


delay1();