How can I extend Backbone.history.navigate?

Question

When I call Backbone.history.navigate, I want to be able to change a global variable.

I want to set

window.linkclicked = true; // when someone clicks a link

and

window.linkclicked = false; // when back button is pushed.

Is there a way to do this using javascript prototypes? How do I insert that logic inside the "navigate" method?

possible duplicate of [Javascript: Extend a Function](http://stackoverflow.com/questions/4578424/javascript-extend-a-function) — Qantas 94 Heavy, Mar 08 '15 at 03:43

Emile Bergeron · Answer 1 · 2016-11-30T22:23:26.320

You can extend the Backbone.history instance and just redefine the navigate function as you wish.

var originalNavigate = Backbone.history.navigate;

_.extend(Backbone.history, {
    navigate: function(fragment, options) {
        // do stuff before
        var returnValue = originalNavigate.apply(this, arguments);
        // do stuff after
        return returnValue;
    },
});

Or with the closure module pattern:

Backbone.history.navigate = (function(navigate) {
    return function(fragment, options) {
        /* ...snip ...*/
    }
})(Backbone.history.navigate);

score -1 · Answer 2 · answered Mar 08 '15 at 03:39

-1

You can extend the functionality with underscore:

_.extend(Backbone.history.navigate, {
linkClicked : function( bool ){
//handle link clicked
}
});

You can call this with:

Backbone.history.navigate.linkClicked( true ); 
//or
Backbone.history.navigate.linkClicked( false );

answered Mar 08 '15 at 03:39

jimmy jansen

647
4
12

I think the OP is asking how to make it so that calling `Backbone.history.navigate` also changes a global variable, not for a separate function on `Backbone.history.navigate`. – Qantas 94 Heavy Mar 08 '15 at 03:44
Well, I guess I could have a wrapper. – TIMEX Mar 08 '15 at 03:48

How can I extend Backbone.history.navigate?

2 Answers2