如何将我的路由器绑定到我的方法 - Backbonejs

Question

I am trying to bind a method to my Backbone Router. Here is my class:

define(function(require) {
  'use strict';

  var Backbone = require('backbone');
  var Header = require('views/header.view');
  var MainBody = require('views/main.body.view');

  var Router = Backbone.Router.extend({
    currentView: null,
    routes: {
      "about": "about"
    },

    initialize: function() {
      Backbone.on('location', this.test);
      debugger;
      _.bindAll(this, 'test');
    },

    about: function() {
      var header = new Header();
      $('#header').html(header.render().el);
    },

    test: function(data) {
      this.currentView.close();
    }
  });

  return Router;
});

In the initialize block I am attempting to bind this to test . When I call the test function, my this is still Backbone and not the current class. What am I doing wrong and how do I fix this issue?

Answer 1

You're binding it after you attach the handler.

initialize: function() {
    // `test` is bound with the wrong THIS
    Backbone.on('location', this.test);
    debugger;
    // Here you actually do the binding
    _.bindAll(this, 'test');
 },

Just swap the order and see if that fixes your issue.

Answer 2

I think you need third parameter while calling Backbone.on

To supply a context value for this when the callback is invoked, pass the optional third argument: model.on('change', this.render, this)

Like this Backbone.on('location', this.test, this);