Run results for: Function property assignment vs setPrototypeOf

Run details:

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

Browser: Chrome 104

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Few Property Assignments	12144257.0 Ops/sec
Many Property Assignments	3918158.0 Ops/sec
Small Prototype	5319178.5 Ops/sec
Large Prototype	5294947.5 Ops/sec

Script Preparation code:

function XSmall() {
  const result = () => {};
  result.fn1 = () => {};
  result.fn2 = () => {};
  return result;
}

function XSmallTest() {
  const r = XSmall();
  r();
  r.fn1();
  r.fn2();
}

function XBig() {
  const result = () => {};
  result.fn1 = () => {};
  result.fn2 = () => {};
  result.fn3 = () => {};
  result.fn4 = () => {};
  result.fn5 = () => {};
  result.fn6 = () => {};
  result.fn7 = () => {};
  result.fn8 = () => {};
  result.fn9 = () => {};
  result.fn10 = () => {};
  result.fn11 = () => {};
  result.fn12 = () => {};
  result.fn13 = () => {};
  result.fn14 = () => {};
  result.fn15 = () => {};
  result.fn16 = () => {};
  result.fn17 = () => {};
  result.fn18 = () => {};
  result.fn19 = () => {};
  result.fn20 = () => {};
  result.fn21 = () => {};
  result.fn22 = () => {};
  result.fn23 = () => {};
  result.fn24 = () => {};
  result.fn25 = () => {};
  result.fn26 = () => {};
  result.fn27 = () => {};
  result.fn28 = () => {};
  result.fn29 = () => {};
  result.fn30 = () => {};
  result.fn31 = () => {};
  result.fn32 = () => {};
  result.fn33 = () => {};
  result.fn34 = () => {};
  result.fn35 = () => {};
  result.fn36 = () => {};
  result.fn37 = () => {};
  result.fn38 = () => {};
  result.fn39 = () => {};
  result.fn40 = () => {};
  return result;
}

function XBigTest() {
  const r = XBig();
  r();
  r.fn1();
  r.fn2();
}

const YSmallPrototype = Object.create({
  fn1: () => {},
  fn2: () => {},
});

function YSmall() {
  const result = () => {};
  Object.setPrototypeOf(result, YSmallPrototype);
  return result;
}

function YSmallTest() {
  const r = YSmall();
  r();
  r.fn1();
  r.fn2();
}

const YBigPrototype = Object.create({
  fn1: () => {},
  fn2: () => {},
  fn3: () => {},
  fn4: () => {},
  fn5: () => {},
  fn6: () => {},
  fn7: () => {},
  fn8: () => {},
  fn9: () => {},
  fn10: () => {},
  fn11: () => {},
  fn12: () => {},
  fn13: () => {},
  fn14: () => {},
  fn15: () => {},
  fn16: () => {},
  fn17: () => {},
  fn18: () => {},
  fn19: () => {},
  fn20: () => {},
  fn21: () => {},
  fn22: () => {},
  fn23: () => {},
  fn24: () => {},
  fn25: () => {},
  fn26: () => {},
  fn27: () => {},
  fn28: () => {},
  fn29: () => {},
  fn30: () => {},
  fn31: () => {},
  fn32: () => {},
  fn33: () => {},
  fn34: () => {},
  fn35: () => {},
  fn36: () => {},
  fn37: () => {},
  fn38: () => {},
  fn39: () => {},
  fn40: () => {},
});

function YBig() {
  const result = () => {};
  Object.setPrototypeOf(result, YBigPrototype);
  return result;
}

function YBigTest() {
  const r = YBig();
  r();
  r.fn1();
  r.fn2();
}

Tests:

Few Property Assignments
XSmallTest()
Many Property Assignments
XBigTest()
Small Prototype
YSmallTest()
Large Prototype
YBigTest()

Run results for: Function property assignment vs setPrototypeOf

Few Property Assignments

Many Property Assignments

Small Prototype

Large Prototype