angular.bind vs native

Benchmark created by Karl Seamon on December 17, 2013

Setup

function isFunction(value){return typeof value === 'function';}
    
    function bind(self, fn) {
      var curryArgs = arguments.length > 2 ? sliceArgs(arguments, 2) : [];
      if (isFunction(fn) && !(fn instanceof RegExp)) {
        return curryArgs.length
          ? function() {
              return arguments.length
                ? fn.apply(self, curryArgs.concat(slice.call(arguments, 0)))
                : fn.apply(self, curryArgs);
            }
          : function() {
              return arguments.length
                ? fn.apply(self, arguments)
                : fn.call(self);
            };
      } else {
        // in IE, native methods are not functions so they cannot be bound (note: they don't need to be)
        return fn;
      }
    }
    
    var fnProtoBind = Function.prototype.bind;
    function bind2(self, fn) {
      var curryArgs = arguments.length > 2 ? sliceArgs(arguments, 2) : [];
      if (isFunction(fn) && !(fn instanceof RegExp)) {
        if (fnProtoBind && fn.bind === fnProtoBind) {
          curryArgs.unshift(self);
          return fnProtoBind.apply(fn, curryArgs);
        }
        return curryArgs.length
          ? function() {
              return arguments.length
                ? fn.apply(self, curryArgs.concat(slice.call(arguments, 0)))
                : fn.apply(self, curryArgs);
            }
          : function() {
              return arguments.length
                ? fn.apply(self, arguments)
                : fn.call(self);
            };
      } else {
        // in IE, native methods are not functions so they cannot be bound (note: they don't need to be)
        return fn;
      }
    }
    
    
    function bind3(self, fn) {
      var curryArgs = arguments.length > 2 ? sliceArgs(arguments, 2) : [];
      if (isFunction(fn) && !(fn instanceof RegExp)) {
        return curryArgs.length
          ? function() {
              return arguments.length
                ? fn.apply(self, curryArgs.concat(slice.call(arguments, 0)))
                : fn.apply(self, curryArgs);
            }
          : function() {
              return fn.apply(self, arguments);
            };
      } else {
        // in IE, native methods are not functions so they cannot be bound (note: they don't need to be)
        return fn;
      }
    }
    
    
    var func = function() {},
        obj = {};
    
    
    var funcOld = bind(obj, func),
        funcNew = bind2(obj, func),
        funcTweaked = bind3(obj, func);

Test runner

funcOld()

funcNew()

funcOld('arg')

funcNew('arg')

funcTweaked()

funcTweaked('arg')

var args = [], num;
while((num = Math.random) > .5) args.push(num);
funcOld.apply(null, args);

var args = [], num;
while((num = Math.random) > .5) args.push(num);
funcNew.apply(null, args);

var args = [], num;
while((num = Math.random) > .5) args.push(num);
funcTweaked.apply(null, args);

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published by Karl Seamon on December 17, 2013