Run results for: class vs fn: 3

Run details:

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

Browser: Chrome 137

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 10 months ago

Test name	Executions per second
arrClass	223635.7 Ops/sec
arrFn	284404.7 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

// Класс с ленивой инициализацией
class StateClass {
  constructor() {
    this._state = null;
  }
  
  getState() {
    if (this._state === null) {
      // Имитация более дорогой операции
      const arr = Array.from({length: 1000}, (_, i) => i * Math.random());
      this._state = { 
        data: arr,
        computed: arr.reduce((a, b) => a + b, 0),
        timestamp: Date.now() 
      };
    }
    return this._state;
  }
}

// Замыкание с ленивой инициализацией
function createStateClosure() {
  let state = null;
  
  return { getState: () => {
    if (state === null) {
      // Имитация более дорогой операции
      const arr = Array.from({length: 1000}, (_, i) => i * Math.random());
      state = { 
        data: arr,
        computed: arr.reduce((a, b) => a + b, 0),
        timestamp: Date.now() 
      };
    }
    return state;
  }
         };
}
const arrClass = Array.from({length: 1000}, (_, i) => new StateClass());
const arrFn = Array.from({length: 1000}, (_, i) => createStateClosure());

arrClass.forEach(i => i.getState());
arrFn.forEach(i => i.getState());

Tests:

arrClass
arrClass.forEach(i => i.getState());
arrFn
arrFn.forEach(i => i.getState());