如何将功能绑定到骨干路由器？

Question

I am trying to bind my router to a method in my router. Here is the router :

define(function(require) {

  var Backbone = require('backbone');
  var User = require('models/user.model');

  var Router = Backbone.Router.extend({
    user: null,

    initialize: function() {
      _.bind(this.updateUser, this);
      Backbone.on('userAuthenticated', this.updateUser);

      this.user = new User();
      this.user.fetch();
    },

    updateUser: function() {
      debugger;
    }
  });

  return Router;
});

I am binding the method updateUser to my router . When the event userAuthenticated is triggered, then I want to run the code in updateUser . The event gets thrown and the method gets called, but when I get into the updateUser method, my this is not the router like I expect, but the global object. What am I doing wrong?

Answer 1

I pointed out in a couple comments that _.bind() returns a new function, which your example doesn't assign to anything. However, a simpler solution would be to use the optional third argument to on() :

Backbone.on('userAuthenticated', this.updateUser, this);

Backbone documentation