Question

让我用假情况解释我的问题。我们考虑以下代码：

var counter = 0;    
function increase(){
    if(counter < 10){
        counter++;
        setTimeout(increase, 100);
    }
}

现在，我们的想法是在increase()函数完成其工作后显示计数器值。我们试试这个：

increase();
alert(counter);

正如您可能知道的那样，它不起作用。 alert()调用显示1，而不是10.我想在函数完成增加它的工作后显示counter的值。

有没有一种简单的方法可以解决我的问题？

[注] 使用回调函数不是一个选项，因为我不希望increase()知道我想在完成后做某事（出于模块化目的）。所以，我想避免这样的事情：

function increaseForTheKings(f){
    if(counter < 10){
        counter++;
        setTimeout(function(){ increase(f); }, 100);
    } else {
       f();
    }
}

Answer 1

执行此操作的标准方法是使用promises。

var counter = 0;
function increase(){
  var d = jQuery.Deferred();
  var doIncrease = function() {
    if(counter < 10){
        counter++;
        setTimeout(doIncrease, 100);
    } else {
      d.resolve();
    }
  };
  doIncrease();
  return d.promise();
};

increase().then(function() {
  alert(counter);
});

Answer 2

据我所知，在处理异步操作时，你只能做很多事情。如果你想避免回调，我会说与承诺一起去。实际上，无论如何我会说使用承诺：）

Javascript - 等待使用setTimeout的函数的真实结尾

2 个答案: