Benchmark: methods vs functions

HTML Preparation code:

<div id='test'></div>

Script Preparation code:

window.div = document.getElementById('test');

function add() {
    console.log(1 + 1)
}

function add2(parm) {
    console.log(1 + parm)
}

function add3(parm) {
    console.log(1 + parm)
    return parm;
}

window.methods = {
    add() {
        console.log(1 + 1)
    },
    add2(parm) {
        console.log(1 + parm)
    },
    add3(parm) {
        console.log(1 + parm)
        return parm;
    },
};

Tests:

function
add();
func w/ parm
add2(1);
func w/ return
add3(1);
method
methods.add();
mth w/ parm
methods.add2(1);
mth w/ return
methods.add3(1);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
function
func w/ parm
func w/ return
method
mth w/ parm
mth w/ return

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.5 Safari/605.1.15

Browser/OS: Safari 17 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
function	636764.1 Ops/sec
func w/ parm	640595.2 Ops/sec
func w/ return	652979.3 Ops/sec
method	570301.8 Ops/sec
mth w/ parm	610863.9 Ops/sec
mth w/ return	604795.1 Ops/sec

methods vs functions (version: 0)

Comparing performance of: function vs func w/ parm vs func w/ return vs method vs mth w/ parm vs mth w/ return

Created: 3 years ago by: Guest

Jump to the latest result

function

func w/ parm

func w/ return

method

mth w/ parm

mth w/ return

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A