JavaScript中频繁垃圾回收(GC)的避免方法与实践

// 错误示例
function update() {
  const point = { x: 0, y: 0 }; // 每次都会分配新内存
}

// 优化示例
const reusablePoint = { x: 0, y: 0 };
function update() {
  reusablePoint.x = 0;
  reusablePoint.y = 0;
}

class ObjectPool {
  constructor(factory) {
    this.pool = [];
    this.factory = factory;
  }

  acquire() {
    return this.pool.pop() || this.factory();
  }

  release(obj) {
    this.pool.push(obj);
  }
}

// 错误示例：无上限缓存
const cache = [];
function add(item) {
  cache.push(item); // 长期运行后 cache 越来越大
}

// 优化示例：限制容量
const MAX_SIZE = 500;
function add(item) {
  if (cache.length >= MAX_SIZE) cache.shift();
  cache.push(item);
}

function setup() {
  const largeArray = new Array(1000000).fill(0);
  return () => console.log(largeArray[0]); // 这个函数持有 largeArray
}

// 错误示例
element.addEventListener('click', function onClick() {
  // 未移除，内存可能泄露
});

// 正确示例
function onClick() {
  // ...
}
element.addEventListener('click', onClick);
// 在适当时机移除
element.removeEventListener('click', onClick);

// 错误示例：字符串拼接
let str = '';
for (let i = 0; i < 10000; i++) {
  str += i;
}

// 优化示例：使用数组 + join
const buffer = [];
for (let i = 0; i < 10000; i++) {
  buffer.push(i);
}
const str = buffer.join('');