高阶函数是接收函数作为参数或返回函数的函数,体现JavaScript中函数作为“值”的本质;map/filter/reduce均以函数为参数且返回新数据,事件监听和setTimeout也属于接收函数的高阶函数。

JavaScript 高阶函数不是语法糖,而是语言底层能力的体现:只要一个函数 接收函数作为参数 或 返回一个函数,它就是高阶函数。这是函数能被当作“值”来传递和生成的核心标志。
map/filter/reduce 为什么是高阶函数?
它们都以函数为第一参数,且不修改原数组,符合“接收函数 + 返回新数据”的双重特征。
-
map要求传入一个(item, index, array) => newValue的映射函数,返回新数组 -
filter接收一个判定函数(item) => boolean,只保留返回true的元素 -
reduce第一个参数是累加器函数(accumulator, current) => newAccumulator,第二个参数是初始值(可选) - 常见错误:把
filter写成filter(n > 10)—— 这会立即执行比较并传入布尔值,正确写法是filter(n => n > 10) - 性能注意:链式调用
.filter().map().reduce()会创建多个中间数组;大数据量时可考虑用for...of单次遍历替代
如何用高阶函数实现柯里化和记忆化?
柯里化本质是“返回函数”,记忆化依赖闭包缓存,两者都靠高阶函数封装逻辑。
const add = x => y => x + y; const add5 = add(5); // 返回函数 add5(3); // 8const memoize = fn => { const cache = new Map(); return arg => { if (cache.has(arg)) return cache.get(arg); const result = fn(arg); cache.set(arg, result); return result; }; }; const fib = memoize(n => n <= 1 ? n : fib(n - 1) + fib(n - 2));
- 柯里化适合配置复用场景,比如
const logError = withLevel('ERROR') - 记忆化对纯函数有效,若
fn有副作用(如发请求、改状态),缓存结果可能过期 - 不要对高频小参数(如布尔值、短字符串)盲目 memoize ——
Map查找开销可能反超计算成本
事件监听和 setTimeout 也是高阶函数?
是的。它们不返回函数,但明确以函数为参数,属于“接收函数”型高阶函数,是异步解耦的基础。
立即学习“Java免费学习笔记(深入)”;
-
addEventListener('click', handler):handler是回调函数,执行时机由浏览器控制 -
setTimeout(() => console.log('done'), 1000):第一个参数必须是函数,否则直接报错TypeError: cb is not a function - 陷阱:在循环中用
var声明计数器并传入setTimeout,所有回调共享同一个i值 —— 应改用let或闭包捕获 - 现代替代:Promise 构造器、
.then()、async/await全部基于高阶函数思想,只是语法更友好
真正难的不是写出 filter 或 memoize,而是在业务逻辑里识别出“行为可抽象”的节点——比如权限校验、日志埋点、节流防抖。这些地方一旦用高阶函数包裹,后续增删改就只动一个函数,而不是散落在十几处 if (user.hasRole(...)) 里。











