Backbone Javascript：等待一個函數在運行另一個函數之前完成

Question

我是Javascript新手，在閱讀了幾個示例之後，我仍然無法做到這一點。我知道我需要使用回調，但我的代碼不起作用。以下是我試過

$(this.el).html(this.template(), { 
    success: function() { 
    return this.collection.each(this.appendEntry); 
    } 
}); 

success甚至從來沒有被稱爲

Answer 1

好吧，如果你希望在完成異步任務做一些事情，你可以使用的承諾。例如與jQuery：

$.when(myAsyncTask()) 
.then(function(){ 
    console.log("Executed when myAsyncTask() is done.."); 
}); 

如果你只是想要做的事，當收集的數據是成功地獲取，使用的Backbone.Collection.fetch()

myCollection.fetch({ 
    success: function(data){ 
    console.log("Your Collection data is available now."); 
    } 
}); 

Answer 2

$(this.el).html()的success()回調方法（或者，更簡潔，this.$el.html() ）是一個同步函數調用。在該函數完成之前，不會執行其他Javascript代碼。

this.$el.html(this.template()); 
this.collection.each(this.appendEntry); 

將按順序執行這兩個語句。

您是否偶然以某種方式覆蓋了下劃線template()函數，在這種情況下this.template()已轉變爲異步調用？如果是這樣，您需要添加對您的模板代碼的回調支持，並推遲執行html()，直到它完成。