应缓存数组长度以提升性能。错误写法每次循环都读取 array.length，正确写法为 for (let i = 0, len = array.length; i < len; i++)。
避免在循环中重复计算数组长度
JavaScript 引擎不会自动缓存 array.length，每次访问都会重新读取属性值。在大型数组或高频循环中，这会带来可测量的开销。
- 错误写法：
for (let i = 0; i - 推荐写法：
for (let i = 0, len = arr.length; i （尤其适用于 <code>for循环且数组长度不变时） - 更安全的替代：用
for...of遍历值，或arr.forEach()—— 它们不暴露索引/长度操作，语义清晰且 V8 等引擎已深度优化
减少 DOM 操作频次，批量更新
每次读写 document.body 或元素样式都可能触发重排（reflow）和重绘（repaint），这是前端性能杀手之一。
- 避免在循环中反复设置
element.style.color或element.innerHTML - 把多次修改合并为一次：用
documentFragment收集节点再插入；或先设display: none，改完再显示 - 读取布局信息（如
offsetHeight、getBoundingClientRect()）后，尽量避免紧接着写入样式 —— 这会强制同步重排
函数防抖与节流要分清使用场景
debounce 和 throttle 都用于限制函数执行频率，但语义和适用时机完全不同，误用反而导致交互卡顿或响应丢失。
-
debounce(fn, 300)：适合搜索框输入、窗口大小调整（resize）—— 等用户「停下来」再执行最后一次 -
throttle(fn, 100)：适合鼠标移动（mousemove）、滚动（scroll）—— 保证每 100ms 至少执行一次，不丢帧 - 注意：不要对
requestAnimationFrame包裹debounce，它本身已是浏览器调度的最优节奏；直接用raf处理动画相关逻辑更高效
用 Map 替代普通对象做键值查找
当键不是字符串或需要频繁增删查时，Object 的原型链查找、隐式类型转换、枚举顺序不确定性都会拖慢性能，而 Map 是专为高性能查找设计的原生结构。
立即学习“Java免费学习笔记（深入）”；
- 查找时间复杂度：两者都是平均 O(1)，但
Map在大量键存在时更稳定，不受对象属性枚举顺序干扰 - 支持任意类型作键：
map.set(obj, value)无需序列化或字符串拼接 -
内存占用略高，但如果逻辑涉及频繁
has()/get()/delete()，优先选Map；仅存配置项、固定字段时，Object仍更轻量
