采用惯用编程是否值得？基于ES6的示例分析

聊聊编程里的核心逻辑：写代码本质上就是不断做决策——选哪种实现方式？用哪些语言特性？这些选择直接影响代码的可读性、执行效率、维护复杂度等关键指标。其中一个值得探讨的决策点就是「代码的惯用化程度」：也就是你会优先使用编程语言或范式特有的语法，还是偏向更通用的传统写法？

为了验证这个概念，我写了两段JavaScript代码来做性能对比，目标是生成格式为tagA|tagB|tagC的字符串，要求满足：

• tagX的数量随机生成
• 每个tag的后缀（A/B/C这类）是随机整数
• 所有tagX不能重复

惯用风格实现 #

这种写法充分利用了JavaScript的原生特性，比如Set（天然去重）、扩展运算符等，代码更简洁：

performance.mark('惯用风格开始');
// 假设tagCount是预先定义的随机数量
let tags = new Set();
while (tags.size < tagCount) {
  const suffix = Math.floor(Math.random() * 1000);
  tags.add(`tag${suffix}`);
}
const result = [...tags].join('|');
performance.mark('惯用风格结束');
performance.measure('惯用风格耗时', '惯用风格开始', '惯用风格结束');

传统风格实现 #

这种写法依赖基础的数组和循环，逻辑更直白，不依赖语言特有的高阶特性：

performance.mark('传统风格开始');
let tags = [];
while (tags.length < tagCount) {
  const suffix = Math.floor(Math.random() * 1000);
  const newTag = `tag${suffix}`;
  // 手动检查重复
  let isDuplicate = false;
  for (let i = 0; i < tags.length; i++) {
    if (tags[i] === newTag) {
      isDuplicate = true;
      break;
    }
  }
  if (!isDuplicate) {
    tags.push(newTag);
  }
}
const result = tags.join('|');
performance.mark('传统风格结束');
performance.measure('传统风格耗时', '传统风格开始', '传统风格结束');

对比分析 #

两种写法的核心差异很明显：

• 惯用风格借助Set的O(1)查找/去重能力，代码更简洁，在数据量较大时效率优势会更突出
• 传统风格的逻辑更直观，不需要理解Set或高阶函数的特性，对初学者更友好，但手动循环检查重复的时间复杂度是O(n²)，数据量越大越慢

通过performance API的标记和测量，我们可以量化对比两者的执行耗时，直观看到不同实现决策带来的效率差异。

内容的提问来源于stack exchange，提问作者Andrés