如何在成功回调函数(Backbone)中使用params

Question

我试图在成功回调函数中设置的参数似乎有问题：

var CampModel = CampDataModel.extend({
    initialize : function(){
        this.fetchActiveAndPending();
        console.log(this.get('active'));
    },
    //Counts active and pending campaigns for front page.
    CountActiveAndPending : function(data){
      var active = 0;
      var pending = 0;
      $.each(data.returnValue,function(index,val){
        if (val.ApprovedOnSite){
          active++;
        }
        else
          pending++;       
      });
      this.set('active',active);
      this.set('pending',pending);
    },
    //fetches  data from server using campModel.
    fetchActiveAndPending : function(){
      console.log('fetching!');
      that = this;
     this.fetch({
        success:function(model,response){
          that.CountActiveAndPending(response);        
        }
      });
       }
    });
    return CampModel;
});

结果.get（'active'）始终是默认数字。如果我尝试在success回调函数中使用this.get（'active'），它会给出正确的结果。是否可以从回调函数中设置var并从外部调用它，比如初始化函数？

Answer 1

这不是闭包的问题（意味着无法从回调函数或类似的奇怪函数访问变量），而是执行时间的问题。当客户端从服务器获得响应时，success回调将异步执行。确保响应已到达的唯一方法是使用侦听器(http://backbonejs.org/#Events)或回调（作为您的成功函数）。如果您确保在收到响应后执行代码的一部分，则active参数的值将是正确的。

这里当你做：

console.log(this.get('active'));

该请求仍然挂起，因此active仍然等于-1。因此，您的问题仍然是没有考虑代码的异步方面。

Answer 2

我同意@Loamhoof的观点，你有一个时间问题，一个解决方案是：

initialize : function(){
  this.fetchActiveAndPending(function() {
      console.log(this.get('active'));
  });
},
CountActiveAndPending : function(data){
  ...
},
fetchActiveAndPending : function(completeFn){
  console.log('fetching!');
  var _this = this;
  this.fetch({
    success:function(model,response){
      _this.CountActiveAndPending(response);
      completeFn();
    }
  });
}

p.s.感谢@Loamhoof挑战我之前的假设并提供了一个例子。