17370845950

高阶函数是接收函数作为参数或返回函数的函数，体现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); // 8
const 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 也是高阶函数？

是的。它们不返回函数，但明确以函数为参数，属于“接收函数”型高阶函数，是异步解耦的基础。

• 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(...)) 里。