string.prototype.repeat适合做加载进度条占位符因其原生、无依赖、语义清晰且能精准控制重复次数，如'█'.repeat(37)直观表达37%进度，但需手动补空格对齐，否则易挤在一起或断行错位。

为什么 String.prototype.repeat 适合做加载进度条占位符

它原生、无依赖、语义清晰，且能精准控制重复次数——比如你想让进度条显示当前完成度的 37%，就直接 '█'.repeat(37)，比拼接循环或数组 join 更轻量。但要注意：它只返回字符串，不自动补空格或对齐，视觉上容易“挤在一起”或“断行错位”。

怎么用 repeat 搭配空格/符号组合出可读进度条

纯 '█'.repeat(n) 看起来像一坨黑块，实际 UI 中需要留白、边界和未完成部分。常见做法是固定总长度（如 50），再动态计算已填充数和空白数：

• 设总宽为 WIDTH = 50，当前进度为 percent（0–100）
• 已填充字符数：Math.floor((percent * WIDTH) / 100)
• 空白字符数：WIDTH - filled
• 组合： '█'.repeat(filled) + '░'.repeat(empty)

示例：const bar = '█'.repeat(23) + '░'.repeat(27) → 长度恒为 50，视觉节奏可控。

repeat 在低版本浏览器里会报 TypeError: undefined is not a function

IE 完全不支持，Edge 12–18 需要开启实验性功能，Node.js 早期版本（

function repeat(str, n) {
  return Array(n + 1).join(str);
}

注意：这个写法在 n === 0 或负数时行为与原生一致（返回空字符串），但 n 过大时可能触发内存警告，而原生 repeat 对超大值有更早的 RangeError 报错机制。

用 repeat 做动画时容易卡顿或跳变

高频调用（如每 50ms 更新一次）+ 大长度（如 repeat(200)）会导致字符串创建开销上升，尤其在低端设备上。优化要点：

• 限制最大长度，比如把宽度从 100 降到 30，人眼分辨不出精度损失
• 避免每次重算整个字符串，改用模板字符串缓存前缀：`[${filledBar}${emptyBar}]`
• 不用 repeat 拼符号，改用 CSS width + background-gradient 实现更平滑的加载动画

真正需要符号占位的场景，往往是 CLI 输出或简易调试 UI——这时候 repeat 刚好够用，也最容易被忽略的是：它生成的字符串没有换行控制，如果直接 console.log(bar) 在窄终端里会自动折行，破坏对齐。加个 \x1b[2K\r 清行回车会更稳。