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()，直到它完成。