Run results for: Inline JS vs Single Function vs Function Composition

Run details:

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

Browser: Safari 17

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Inline JS

20.9M/s

Single Function

9.9M/s

Function Composition

8.3M/s

View exact numbers

Test name	Executions per second
✓ Inline JS	20,869,920 Ops/sec
Single Function	9,948,540 Ops/sec
Function Composition	8,314,470 Ops/sec

Script Preparation code:

// 1. Inline code will be directly in test case

// 2. Single Functions
globalThis.singleFunction = () => {
  const arr1 = [1, -12, 7];
  const arr2 = arr1.filter(v => v > 0);

  return [...arr1, ...arr2];
};

// 3. Function Composition
const makeArr = (a, b, c) => [a, b, c];
const filterPositive = arr => arr.filter(v => v > 0);
const mergeArrays = (a, b) => [...a, ...b];

globalThis.composition = () => {
  const arr1 = makeArr(1, -12, 7);
  const arr2 = filterPositive(arr1);

  return mergeArrays(arr1, arr2);
};

Tests:

Inline JS
const arr1 = [1, -12, 7]; const arr2 = arr1.filter(v => v > 0); const result = [...arr1, ...arr2];
Single Function
const result = singleFunction();
Function Composition
const result = composition();