Class vs Function_Entity

class_vs_function_entity.js

// 类模式
class MyClass {
  constructor(a, b) {
    this.a = a;
    this.b = b;
    this.result = 0;
  }
  calculate() {
    this.result = this.a + this.b;
  }
}

// 数据+函数模式
function createEntity(a, b) {
  return { a, b, result: 0 };
}

function calculate(entity) {
  entity.result = entity.a + entity.b;
}

// 测试
function benchmark() {
  const instanceCount = 1_000_000; // 测试实例数量

  // 类模式
  console.time("Class Mode");
  const classInstances = [];
  for (let i = 0; i < instanceCount; i++) {
    classInstances.push(new MyClass(i, i));
  }
  for (let instance of classInstances) {
    instance.calculate();
  }
  console.timeEnd("Class Mode");

  // 数据+函数模式
  console.time("Data + Function Mode");
  const dataEntities = [];
  for (let i = 0; i < instanceCount; i++) {
    dataEntities.push(createEntity(i, i));
  }
  for (let entity of dataEntities) {
    calculate(entity);
  }
  console.timeEnd("Data + Function Mode");
}

// 运行基准测试
benchmark();


// Class Mode: 65.23388671875 ms
// Data + Function Mode: 34.880126953125 ms