Skip to content Skip to sidebar Skip to footer

Can I Get An Unbound Function From A Bound Function In Javascript?

I'm getting my head wrapped about currying and other techniques using Function.prototype.bind. It seems extremely useful to change function scope (i.e., this value) in certain situ

Solution 1:

What the bind method basically does is something like (not exactly, because arguments are sliced to exclude the context):

functionbind(context) {
    var self = this;
    returnfunction() {
        self.apply(context, arguments);
    }
}

So basically it's returning another function which will call itself with the given context and arguments. If you then bind it again, you'll be binding this newly created function, which will be as if bind was implemented like:

functionbind(context) {
    var self = this;
    returnfunction() {
        self.apply(context, arguments);
    }.bind(otherContext);
}

But because the inner function returned by bind acts as a closure where the original context is the one binded first (self), that one will be the context in with your function will be really executed.

Solution 2:

I thought it would be useful to illustrate Win32's answer with a picture.

A wrapper generated by bind makes sure your function is called with given context no matter what. Such wrapper will always ignore its own context.

Given a chain of wrappers, any context but the innermost is lost. Therefore, there is no way to change the context once it has been set using bind.

Chained bind calls

Solution 3:

This would actually solve you issue

const bind = Function.prototype.bind;
Object.defineProperty(Function.prototype, 'bind', {
    value: function () {
        const result = bind.apply(this, arguments);
        result.source = (this.source || this);
        return result;
    }
});

Now you can get the source property to get the original function. This could cause other issues, but performance does not seem to be one of them, https://jsperf.com/bind-override/1

Both IE, Edge, Firefox and Chrome seems to get the same result, sometimes the normal version is faster and sometimes the overridden is faster.

Post a Comment for "Can I Get An Unbound Function From A Bound Function In Javascript?"