Backbone Javascript：在运行另一个函数之前等待函数完成

Question

我是Javascript的新手，在阅读了几个例子后，我仍然无法做到这一点。我知道我需要使用回调，但我的代码不起作用。这是我试过的

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

success甚至从未被调用

Answer 1

好吧，如果您想在异步任务完成时执行某些操作，则可以使用promises。例如jQuery：

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

如果您只想在成功提取收藏数据时执行某些操作，请使用success()

的Backbone.Collection.fetch()回调方法

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

Answer 2

$(this.el).html()（或者，更简洁地说，this.$el.html()）是同步函数调用。在该功能完成之前，不会执行任何其他Javascript代码。

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

将按顺序执行这两个语句。

您是否偶然以某种方式覆盖了Underscore template()函数，在这种情况下this.template()已变成异步调用？如果是这样，您需要为模板代码添加回调支持，并推迟执行html()直到完成。