function calls: direct vs apply vs call vs bind (v18)

Revision 18 of this benchmark created by Ger Hobbelt on

Description

Testing various ways to invoke a function, including several ways to manipulate its 'this'.

Setup

var f = function() {
      return this;
    };
    
    var that = {
      f: f
    };
    
    var bound = f.bind(that);
    
    var wrappedCall = function() {
      f.call(that);
    };
    
    var slice = Array.prototype.slice;
    Function.prototype.bind2 = function(_this) {
      var _self = this;
      var args = slice.call(arguments, 1);
      if (args.length === 0) {
        return function() {
          if (arguments.length === 0)
            return _self.call(_this);
          else if (arguments.length > 0)
            return _self.apply(_this, args);
        }
      }
    
      return function() {
        if (arguments.length === 0) return _self.apply(_this, args);
    
        var a2 = args.contact(slice.call(arguments));
        return _self.apply(_this, a2);
      }
    }
    
    var bound2 = f.bind2(that);
    
    var name = 'f';

Test runner

Ready to run.

Testing in
TestOps/sec
direct
that.f();
ready
apply
f.apply(that);
ready
call
f.call(that);
ready
bind
bound();
ready
bind2
bound2();
ready
by string
that['f']();
ready
by string (indirect)
that[name]();
ready
direct (local)
f();
ready
Wrapped Call
wrappedCall();
ready
call by string
that['f'].call(that);
ready
bind inline
f.bind(that)();
ready

Revisions

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