Benchmark: Function call vs bind vs bind and call vs function.call

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 ) );

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Function
Function bind
Function bind and call
Function call

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 2 years ago)

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/OS: Chrome 100 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Function	2280.4 Ops/sec
Function bind	9026.8 Ops/sec
Function bind and call	1996.8 Ops/sec
Function call	2008.4 Ops/sec

Function call vs bind vs bind and call vs function.call (version: 0)

Comparing performance of: Function vs Function bind vs Function bind and call vs Function call

Created: 2 years ago by: Registered User

Jump to the latest result

Function

Function bind

Function bind and call

Function call

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A