提升性能的代码重构技巧与实战示例

写代码就像做菜，一开始可能只想着把食材下锅，能吃就行。但时间久了，你就会发现有些做法太耗火，炒个菜要等十分钟，客人早就饿跑了。程序也一样，刚写完能跑通只是第一步，真正要用得顺，还得靠重构来提升性能。

很多人以为重构就是换个名字、拆几个函数，其实没那么简单。重构的核心是优化结构，让代码在运行时少走弯路。比如一个老系统每次查用户信息都要连三次数据库，其实就是因为当初写的时候没考虑复用。后来有人把它改成一次查询、分发使用，响应速度直接快了一倍。

最常见的性能问题藏在循环里。比如下面这段代码：

for (let i = 0; i < userList.length; i++) {
  if (userList[i].age > 18) {
    sendPromo(userList[i]);
  }
}

看起来没问题，但如果 userList 有上万条数据，每次还要调用 sendPromo 发网络请求，整个过程就会卡住。改成批量处理，效率立马不一样：

const adults = userList.filter(u => u.age > 18);
batchSendPromo(adults);

不仅代码清爽了，执行时间也从几秒降到几百毫秒。

有些函数长得像面条，几百行堆在一起，改一处怕崩十处。这种代码不仅难维护，运行起来也慢，因为它常常重复计算同样的值。比如一个生成报表的函数，反复调用同一个日期格式化方法，完全可以抽出来缓存结果。

拆分之后，每个小函数职责清晰，测试方便，性能问题也更容易定位。

JavaScript 的 Map 和 Set 比普通对象和数组在某些场景下快得多。比如你要判断一堆ID是否已存在，用数组的 includes 是 O(n)，而 Set 的 has 是 O(1)。

// 慢
const ids = [1, 2, 3, /* ... */];
if (ids.includes(targetId)) { ... }

// 快
const idSet = new Set(ids);
if (idSet.has(targetId)) { ... }

这点改动看似小，但在高频调用的逻辑里，差距会滚雪球。

很多人一听重构就想着推倒重来，其实大可不必。真正的重构是一步步来的，比如先提取函数，再简化条件，最后替换算法。每次改动后跑一遍测试，确保功能不变，性能却悄悄提升了。

就像装修房子，不用拆墙也能让动线更合理。代码也一样，改对地方，用户根本感觉不到变化，但系统已经轻快多了。

提升性能的代码重构：让程序跑得更快更稳