Run results for: Computation single optimization with destructuring vs application fn

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.121 Safari/537.36

Browser: Chrome 85

Operating system: Mac OS X 10.14.6

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
apply 1	2602003.5 Ops/sec
single 1	2010554.5 Ops/sec
apply 2	1671794.1 Ops/sec
single 2	1469541.4 Ops/sec
apply 3	993556.9 Ops/sec
single 3	1257162.0 Ops/sec

Script Preparation code:

const data = ["hello", " ", "world"];
const applicators = [
  ({ fn }) => fn(),
  ({ fn, deps }) => fn(read(deps[0])),
  ({ fn, deps }) => fn(read(deps[0]), read(deps[1])),
  ({ fn, deps }) => fn(...deps.map(read))
]
let cid = 0;
var dep1 = { id: 0 };
var dep2 = { id: 1 };
var dep3 = { id: 2 };

function sampleArgs1(_0) {
  return _0;
}

function sampleArgs2(_0, _1) {
  return _0 + _1;
}

function sampleArgs3(_0, _1, _2) {
  return _0 + _1 + _2;
}

function sampleDes1(_0) {
  return _0;
}

function sampleDes2([_0, _1]) {
  return _0 + _1;
}

function sampleDes3([_0, _1, _2]) {
  return _0 + _1 + _2;
}

function createApplyComputation(fn, deps) {
  return {
    id: cid++,
    fn,
    deps,
    apply: applicators[deps.length]
  };
}

function createSingleComputation(fn, deps, isSingle) {
  return {
    id: cid++,
    fn,
    deps,
    isSingle
  };
}

function execApplyComputation(c) {
  return c.apply(c);
}

function execSingleComputation(c) {
  if (c.isSingle) {
    return c.fn(read(c.deps));
  }

  return c.fn(c.deps.map(read));
}

function read(s) {
  return data[s.id];
}

Tests:

apply 1
execApplyComputation(createApplyComputation(sampleArgs1, [dep1]));
single 1
execSingleComputation(createSingleComputation(sampleDes1, dep1, true));
apply 2
execApplyComputation(createApplyComputation(sampleArgs2, [dep1, dep2]));
single 2
execSingleComputation(createSingleComputation(sampleDes2, [dep1, dep2]));
apply 3
execApplyComputation(createApplyComputation(sampleArgs3, [dep1, dep2, dep3]));
single 3
execSingleComputation(createSingleComputation(sampleDes3, [dep1, dep2, dep3]));

Run results for: Computation single optimization with destructuring vs application fn

apply 1

single 1

apply 2

single 2

apply 3

single 3