Run results for: Function call vs bind vs bind and call vs function.call

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.88 Safari/537.36

Browser: Chrome 100

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Function	2283.4 Ops/sec
Function bind	9300.3 Ops/sec
Function bind and call	2015.6 Ops/sec
Function call	2007.3 Ops/sec

Script Preparation code:

function makeNode() {
  return {
    valid: Math.random() > 0.5
  };
}

function isNodeValid( node ) {
  return node.valid;
}

function isValid() {
  return this.valid;
}

const nodes = [];
for( let i = 0; i < 10000; i++ ) {
  const node = makeNode();
  node.isValid = isValid.bind( node );
  nodes.push( node );
}

function getNodes() {
  return nodes;
}

Tests:

Function
getNodes().forEach( node => isNodeValid( node ) );
Function bind
getNodes().forEach( node => node.isValid() );
Function bind and call
getNodes().forEach( node => isValid.bind( node )() );
Function call
getNodes().forEach( node => isValid.call( node ) );

Run results for: Function call vs bind vs bind and call vs function.call

Function

Function bind

Function bind and call

Function call