高阶函数是接受或返回函数的函数，用于消除重复、明确意图、隔离副作用；常见内置函数有map、filter、reduce等，使用时需注意纯操作性、语义清晰性、顺序敏感性及内存与this陷阱。
高阶函数本身不直接提升代码质量，它只是函数式编程的一个基础能力；真正起作用的是你如何用它来消除重复、明确意图、隔离副作用。
什么是高阶函数：函数接受函数或返回函数
JavaScript 中的高阶函数（Higher-Order Function）指满足以下任一条件的函数：接受一个或多个函数作为参数，或返回一个函数。它不是某个特定 API，而是一种模式。
常见内置高阶函数包括：map、filter、reduce、sort（传入比较函数时）、addEventListener。它们都把行为（函数）当作数据来传递和组合。
自定义例子：
立即学习“Java免费学习笔记（深入）”；
function createMultiplier(factor) {
return function (num) {
return num * factor;
};
}
const double = createMultiplier(2);
console.log(double(5)); // 10用 map / filter 替代 for 循环时要注意什么
不是所有循环都适合替换。关键看是否在做「对每个元素做转换」或「按条件筛选」这类纯数据操作。强行替换嵌套逻辑或带状态的遍历反而更难读。
-
map应只用于生成新数组，不修改原数组；若需要副作用（如发请求、改 DOM），用forEach更语义清晰 -
filter的回调必须返回布尔值；写成arr.filter(x => x.id)在id === 0时会意外过滤掉有效项 - 链式调用时注意顺序：
arr.map(...).filter(...)和arr.filter(...).map(...)结果可能不同，尤其当map可能产生null或undefined
reduce 容易误用的三个典型场景
reduce 功能强大但可读性低，常被滥用。优先考虑更专一的替代方案。
- 求和/计数：用
reduce没问题，但简单场景下arr.reduce((a, b) => a + b, 0)比for略冗长，无实质优势 - 分组聚合（如按类型统计）：容易写出难以调试的累加器逻辑；推荐用
Object.groupBy（ES2024）或先reduce再解构 - 扁平化二维数组：写成
arr.reduce((acc, val) => acc.concat(val), [])性能差（每次concat创建新数组）；应改用arr.flat()或[].concat(...arr)
自定义高阶函数时，闭包和 this 绑定是最大陷阱
用闭包封装配置（如上面的 createMultiplier）很常见，但要注意两点：
- 闭包会持续持有外层作用域变量，不当使用可能引发内存泄漏（比如在事件监听中反复创建未清理的闭包函数）
- 箭头函数自动绑定
this，但普通函数作为回调传入（如arr.map(fn)）时，this默认丢失；需显式用.bind、arrow fn或class field写法 - 避免在高阶函数内部做异步等待（如
await）后返回函数——这会让调用方误以为返回的是同步函数，实际是 Promise
真正难的从来不是写出高阶函数，而是判断某个逻辑是否值得抽象成它，以及能否让后续维护者一眼看懂它的输入、输出和边界。
