javascript - Backbone.js bind this to setInterval - Stack Overflow

admin管理员组

文章数量:1291800

I'm trying to access this.collection from within a setInterval. However, this isn't bound. I can't seem to figure out how to bind it so that this can access the collection, not the setInterval object.

Here's a snipit from my View.

initialize: function(){
  _.bindAll(this);
},
start: function() {
  setInterval(function() {
    this.collection.each(function(item) { 
      console.log(item.id);
    });
  }, 5000);
}

Any suggestions?

I'm trying to access this.collection from within a setInterval. However, this isn't bound. I can't seem to figure out how to bind it so that this can access the collection, not the setInterval object.

Here's a snipit from my View.

initialize: function(){
  _.bindAll(this);
},
start: function() {
  setInterval(function() {
    this.collection.each(function(item) { 
      console.log(item.id);
    });
  }, 5000);
}

Any suggestions?

• javascript
• backbone.js
• underscore.js

Share Improve this question Follow edited Jun 27, 2012 at 21:21 mu is too short 435k7171 gold badges858858 silver badges818818 bronze badges asked Jun 27, 2012 at 20:34 dzmdzm 23.6k5151 gold badges152152 silver badges229229 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

You should bind() the value of this you need when you set up the callback:

setInterval(function() {
    this.collection.each(function(item) { 
        console.log(item.id);
    });
}.bind(this), 5000);

Don't forget to include the shim from the above MDN page if you need IE8 patibility.

You can do this:

initialize: function(){
  _.bindAll(this);
},
afterInterval: function() {
  this.collection.each(function(item){ 
    console.log(item.id);
  });
},
start: function() {
  setInterval(this.afterInterval, 5000);
}

afterInterval is now a callback and it has access to this of the view.

本文标签： javascriptBackbonejs bind this to setIntervalStack Overflow