Run results for: Passing data to function as parameter list vs other methods (static, new, re-used & global - vars, objects & arrays)

Compares performance of a function call with parameter list, against other methods of getting the data into the function

Run details:

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

Browser: Chrome 109

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Pass raw values	2689005.0 Ops/sec
Pass object	3896396.0 Ops/sec
Pass array	3869444.0 Ops/sec
Pass new object	2684527.0 Ops/sec
Pass new array	2673641.0 Ops/sec
Pass modified object	1756238.0 Ops/sec
Pass modified array	1758768.0 Ops/sec
Global vars	2622284.0 Ops/sec
Global object	2706402.0 Ops/sec
Global array	2821888.0 Ops/sec

Script Preparation code:

var a = "Here's a string value";
var b = 5; // and a number
var c = false;

var object = {
  a, b, c
}

var array = [
  a, b, c
];

var passObject = (obj) => {
  return obj.a.length + obj.b * obj.c ? 2 : 1;
}

var passRawValues = (val_a, val_b, val_c) => {
  return val_a.length + val_b * val_c ? 2 : 1;
}

var passArray = (arr) => {
  return arr[0].length + arr[1] * arr[2] ? 2 : 1;
}

var passNothingUseGlobalVars = () => {
  return a + b * c ? 2 : 1;
}

var passNothingUseGlobalObject = () => {
  return object.a.length + object.b * object.c ? 2 : 1;
}

var passNothingUseGlobalArray = () => {
  return array[0].length + array[1] * array[2] ? 2 : 1;
}

var x = 0;

Tests:

Pass raw values
x << 1; x ^= passRawValues(a, b, c);
Pass object
x << 1; x ^= passObject(object);
Pass array
x << 1; x ^= passArray(array);
Pass new object
x << 1; x ^= passObject({a, b, c});
Pass new array
x << 1; x ^= passArray([a,b,c]);
Pass modified object
object.a = a; object.b = b; object.c = c; x << 1; x ^= passObject(object);
Pass modified array
array.a=a; array.b=b; array.c=c; x << 1; x ^= passArray(array);
Global vars
x << 1; x ^= passNothingUseGlobalVars();
Global object
x << 1; x ^= passNothingUseGlobalObject();
Global array
x << 1; x ^= passNothingUseGlobalArray();

Run results for: Passing data to function as parameter list vs other methods (static, new, re-used & global - vars, objects & arrays)

Compares performance of a function call with parameter list, against other methods of getting the data into the function

Pass raw values

Pass object

Pass array

Pass new object

Pass new array

Pass modified object

Pass modified array

Global vars

Global object

Global array