Run results for: callbacks: inline function vs inline arrow vs global

Run details:

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

Browser: Chrome 128

Operating system: Windows

Device Platform: Desktop

Date tested: 3 months ago

Tests:

global add
function addGlobal(a, b) { return a + b; } function myFunc(num) { return addGlobal(num, num+1); } for (let i = 0; i < 10000; i++) { myFunc(i); }
inline add
function myFunc(num) { function addInline(a, b) { return a + b; } return addInline(num, num+1); } for (let i = 0; i < 10000; i++) { myFunc(i); }
inline arrow add
function myFunc(num) { const addInlineArrow = (a, b) => { return a + b; } return addInlineArrow(num, num+1); } for (let i = 0; i < 10000; i++) { myFunc(i); }
global add 2
// same as first one, just to ensure benchmarks are valid function addGlobal(a, b) { return a + b; } function myFunc(num) { return addGlobal(num, num+1); } for (let i = 0; i < 10000; i++) { myFunc(i); }
inline add 2
// same as first one, just to ensure benchmarks are valid function myFunc(num) { function addInline(a, b) { return a + b; } return addInline(num, num+1); } for (let i = 0; i < 10000; i++) { myFunc(i); }
inline arrow add 2
// same as first one, just to ensure benchmarks are valid function myFunc(num) { const addInlineArrow = (a, b) => { return a + b; } return addInlineArrow(num, num+1); } for (let i = 0; i < 10000; i++) { myFunc(i); }