本文详解如何不依赖内置 Array.prototype.every，手动实现 myEvery 函数——遍历数组并用回调判断每个元素，仅当全部满足条件时返回 true，任一失败则立即返回 false。
本文详解如何不依赖内置 `array.prototype.every`，手动实现 `myevery` 函数——遍历数组并用回调判断每个元素，仅当全部满足条件时返回 `true`，任一失败则立即返回 `false`。
在 JavaScript 中，Array.prototype.every() 是一个常用的高阶函数，用于判断数组中所有元素是否都满足某个条件。但理解其底层逻辑，对掌握回调函数、短路求值和数组遍历至关重要。本文将带你从零手写 myEvery —— 一个功能等价、逻辑清晰、符合规范的替代实现。
核心思路：提前终止 + 真值判断
myEvery 的关键行为有两点：
- 逐项调用回调函数：对数组每个元素执行 cb(element)；
- 短路返回：一旦遇到 cb(element) 返回 falsy 值（如 false、0、null、undefined、'' 或 NaN），立即返回 false；若全部通过，则返回 true。
注意：判断逻辑应完全交由回调函数完成，主函数只负责“收集结果并汇总布尔值”，而非在内部硬编码 === true 等比较。这正是初学者常犯的误区（如原代码中 cb(arr) === true 错误地将整个数组传入回调）。
正确实现代码
function myEvery(arr, cb) {
for (let i = 0; i <p>✅ 该实现：</p>
- 使用标准 for 循环确保兼容性与可控性；
- 利用 JavaScript 的隐式类型转换（!cb(arr[i])）判断 falsy 值，符合 every 规范；
- 遇到首个不满足项即 return false，高效且符合“短路”语义；
- 循环结束仍未返回，说明全部为 truthy → return true。
实际使用示例
// ✅ 检查是否全为真值（利用 Boolean 构造函数）
console.log(myEvery([1, 'hello', {}, []], Boolean)); // true（注意：[] 和 {} 是 truthy）
// ✅ 检查是否全为数字 1
console.log(myEvery([1, 1, 1, 1], x => x === 1)); // true
console.log(myEvery([1, 1, 0, 1], x => x === 1)); // false（第三个元素 0 → false）
// ✅ 检查是否全为非空字符串
console.log(myEvery(['a', 'b', 'c'], s => s.length > 0)); // true
console.log(myEvery(['a', '', 'c'], s => s.length > 0)); // false
⚠️ 注意事项与常见误区
- ❌ 不要直接比较 === true：cb(x) 返回 1、'ok'、[] 等 truthy 值时，1 === true 为 false，导致误判；
- ✅ 信任回调返回值的真/假性：JS 中 if (val)、!val 自动进行 truthy/falsy 转换，这是标准实践；
- ? 空数组返回 true：myEvery([], cb) 应返回 true（逻辑上“所有零个元素都满足”成立），上述实现天然支持；
- ? 调试建议：可在循环内添加 console.log('Testing:', arr[i], '→', cb(arr[i])) 辅助验证回调行为。
总结
myEvery 不仅是一个练习题，更是理解函数式编程思想的入口：将“判断逻辑”解耦为回调，将“聚合逻辑”封装为主函数。掌握它，你便真正读懂了 every、some、filter 等方法的设计哲学——数据遍历与行为委托的分离。下一步，不妨尝试用 reduce 或递归重写 myEvery，深化对抽象控制流的理解。
