Javascript: binding to the right of a function?

Question

How can I bind to the right of the function? Example:

var square = Math.pow.bindRight(2);
console.log(square(3)); //desired output: 9

Answer 1

Function.prototype.bindRight = function() {
    var self = this, args = [].slice.call( arguments );
    return function() {
        return self.apply( this, [].slice.call( arguments ).concat( args ) );
    };
};

var square = Math.pow.bindRight(2);
square(3); //9

Answer 2

You're looking for partial functions, which are convenient shorthands for aliases.

The "classic" way to do what you're asking for is with:

var square = function (x) {
  return Math.pow(x, 2);
};

Using partial functions it would be:

var square = Math.pow.partial(undefined, 2);
console.log(square(3));

Unfortunately, Function.prototype.partial isn't provided in any browser.

---

Fortunately for you, I've been working on a library of what I consider to be essential JavaScript object oriented functions, methods, classes, etc. This is Function.prototype.partial.js:

/**
 * @dependencies
 * Array.prototype.slice
 * Function.prototype.call
 * 
 * @return Function
 * returns the curried function with the provided arguments pre-populated
 */
(function () {
    "use strict";
    if (!Function.prototype.partial) {
        Function.prototype.partial = function () {
            var fn,
                argmts;
            fn = this;
            argmts = arguments;
            return function () {
                var arg,
                    i,
                    args;
                args = Array.prototype.slice.call(argmts);
                for (i = arg = 0; i < args.length && arg < arguments.length; i++) {
                    if (typeof args[i] === 'undefined') {
                        args[i] = arguments[arg++];
                    }
                }
                return fn.apply(this, args);
            };
        };
    }
}());