Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
Feature Requests
FAQ
Register
Log In
Run results for:
Bind vs arrow function instantiation performance
is it faster to create functions using function.bind or to wrap them in an arrow function. tested for requestAnimationFrame generation
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=516027" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36
Browser:
Chrome 122
Operating system:
Linux
Device Platform:
Desktop
Date tested:
2 years ago
Benchmark engine:
Benchmark.js
Arrow
2.8M/s
Bind
2.0M/s
View exact numbers
Test name
Executions per second
✓
Arrow
2,751,798 Ops/sec
Bind
1,965,346 Ops/sec
Script Preparation code:
var ctx = { u: 123, x: 456, w(u) { return u + this.x; } };
Tests:
Bind
requestAnimationFrame(ctx.w.bind(ctx, ctx.u));
Arrow
requestAnimationFrame(() => { ctx.w(ctx.u); });