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 清行回车会更稳。
