every() 实现全选/反选的核心是将复选框状态映射为布尔数组后用 every 判断是否全部满足条件，避免手动计数、DOM 冗余遍历和散落状态变量；空数组时需保护性判断，checkboxes 应缓存以提升性能。
用 every() 实现全选/反选，核心不是“遍历判断”，而是“把当前状态映射为布尔数组，再用 every 回答‘是否全部满足某条件’”。真正简化代码的关键，在于避免手动计数、避免 DOM 遍历冗余、避免状态变量散落。
用 every() 判断“是否全选”——一行决定按钮状态
不要维护一个 checkedCount 变量，也不要用 filter().length === length。直接从复选框元素集合生成布尔数组，交给 every：
const checkboxes = Array.from(document.querySelectorAll('input[type="checkbox"]'));
const isAllChecked = checkboxes.every(cb => cb.checked);
这行代码天然具备语义：「每个复选框都处于勾选状态吗？」答案就是全选按钮该显示“已全选”还是“全选”的依据。无需额外逻辑，无副作用，可直接用于按钮文案或 disabled 状态控制。
反选逻辑根本不需要 every() ——但 every() 能帮你安全触发它
反选操作本身是批量取反：cb.checked = !cb.checked，和 every 无关。但关键点在于：什么时候该执行反选？不是“点击就反”，而是“点击时若未全选，则先全选；若已全选，则全不选”——这个分支判断，正好由 every() 一句话收口：
-
全选按钮点击事件中：先算
isAllChecked = checkboxes.every(cb => cb.checked) -
然后统一设值：
checkboxes.forEach(cb => cb.checked = !isAllChecked)
这样写，反选行为完全由当前状态驱动，不依赖历史记录、不依赖中间变量，也不怕用户手点乱序。一次计算 + 一次遍历，清晰且健壮。
联动“全选按钮”自身状态——every() 是唯一可信信源
全选按钮（比如一个独立的 #select-all）的状态，必须严格反映所有子项真实状态。手动同步容易出错（如异步更新、外部 JS 修改）。正确做法是：每次需要读取或更新全选按钮时，都重新调用 every() 计算：
- 监听子项 change：立即重算
isAllChecked，并同步设置#select-all.checked - 监听全选按钮 change：按上文逻辑批量操作子项，之后仍可用
every()校验结果（可选，用于调试或防篡改）
这意味着你不需要任何“记忆型”状态变量——DOM 就是唯一事实来源，every() 就是唯一校验手段。代码更易测试、更难出 bug。
性能与边界：小技巧让 every() 更稳
every() 在空数组时返回 true，这对“没有子复选框”的表单是个陷阱。实际使用时加一层保护：
const checkboxes = Array.from(document.querySelectorAll('.item-checkbox'));
const isAllChecked = checkboxes.length > 0
? checkboxes.every(cb => cb.checked)
: false;
另外，避免在每次事件中重复查询 DOM。把 checkboxes 缓存为常量（模块级或闭包内），让 every() 始终作用于稳定引用，既快又准。
