javascript - 'chain' JS函数在第一个完全完成后如何

Question

我有一个函数应该一个接一个地运行，例如:

function cutTomatoesAlone(Kg){
    // slice my stuff
}
function cookTomatoes(Minutes){
    // boil my stuff
}

我这样称呼他们:

cutTomatoesAlone(15) // 15kg, need 3 hours!
cookTomatoes(10); // need 10 minutes

但是 cookTomatoes(10) 在我的 cutTomatoesAlone(15) 之前完成。

如何先运行 cutTomatoesAlone(15) 并在完成后运行 cookTomatoes(10) ？

---

编辑 cutTomatoesAlone() 加载外部 JSON。 cookTomatoes(10) 处理它。

Answer 1

Learn about promises and deferred objects . jQuery 中的每个 Ajax 函数都会返回一个 promise ，因此您可以轻松地链接函数调用。

例如:

function cutTomatoesAlone(Kg) {
    return $.getJSON(...); // return the promise provided by $.getJSON
}

// called as
cutTomatoesAlone(15).then(function() { // attach callback
    cookTomatoes(10);
});

在 Ajax 调用的情况下，一旦成功检索到响应， promise 就会得到解决。