Benchmark: Object function binding vs closure

Script Preparation code:

const QUEUE_1 = new Map([
  [{}, {}],
  [{}, {}],
  [{}, {}],
  [{}, {}],
  [{}, {}],
  [{}, {}],
  [{}, {}]
]);
const QUEUE_2 = new Map([
  [{}, {}],
  [{}, {}],
  [{}, {}],
  [{}, {}],
  [{}, {}],
  [{}, {}],
  [{}, {}]
]);

let BUFFER = -1;

function run() {
  QUEUE_1.clear();
  QUEUE_2.clear();
}

const cancel = window.cancelAnimationFrame;
const request = window.requestAnimationFrame;

var OBJECT = {
  _buffer: -1,
  _queue1: new Map([
    [{}, {}],
    [{}, {}],
    [{}, {}],
    [{}, {}],
    [{}, {}],
    [{}, {}],
    [{}, {}]
  ]),
  _queue2: new Map([
    [{}, {}],
    [{}, {}],
    [{}, {}],
    [{}, {}],
    [{}, {}],
    [{}, {}],
    [{}, {}]
  ]),
  runGlobal() {
    cancelAnimationFrame(BUFFER);
    BUFFER = requestAnimationFrame(run);
  },
  runBoundOwn() {
    cancelAnimationFrame(this._buffer);
    this._buffer = requestAnimationFrame(this._run);
  },
  runGlobalRafCached() {
    cancel(BUFFER);
    BUFFER = request(run);
  },
  runBoundOwnRafCached() {
    cancel(this._buffer);
    this._buffer = request(this._run);
  },
  _run() {
    this._queue1.clear();
    this._queue2.clear();
  }
};

OBJECT._run.bind(OBJECT);

Tests:

global method lookup
OBJECT.runGlobal();
bound own method
OBJECT.runBoundOwn();
global method lookup w/cache
OBJECT.runGlobalRafCached();
bound own method w/cache
OBJECT.runBoundOwnRafCached();

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
global method lookup
bound own method
global method lookup w/cache
bound own method w/cache

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: 3 months ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

Browser/OS: Chrome 118 on Windows

View result in a separate tab

Test name	Executions per second
global method lookup	2457507.0 Ops/sec
bound own method	2648276.0 Ops/sec
global method lookup w/cache	3352711.0 Ops/sec
bound own method w/cache	3797293.0 Ops/sec

Object function binding vs closure (version: 0)

Comparing performance of: global method lookup vs bound own method vs global method lookup w/cache vs bound own method w/cache

Created: 2 years ago by: Guest

Jump to the latest result

global method lookup

bound own method

global method lookup w/cache

bound own method w/cache

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A