Run results for: class vs fn: 3

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:141.0) Gecko/20100101 Firefox/141.0

Browser: Firefox 141

Operating system: Windows

Device Platform: Desktop

Date tested: 9 months ago

Test name	Executions per second
arrClass	271501.8 Ops/sec
arrFn	290557.8 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());