高阶函数是接受函数为参数或返回函数的函数;典型内置高阶函数有map、filter、reduce、sort、find等;手写时易错在忘记return、误执行而非返回函数、this丢失;compose从右往左执行,pipe从左往右。

高阶函数不是“高级”的函数,而是把函数当参数传入、或返回函数作为结果的函数。它本身不难理解,但很多人卡在“为什么非要这么写”,或者一用就掉进闭包、this、执行时机这些坑里。
哪些内置函数是典型的高阶函数
JavaScript 里最常接触的高阶函数都来自数组方法:map、filter、reduce、sort(接受比较函数)、find 等。它们的共同点是:第一个参数必须是函数。
-
map不修改原数组,但要求你提供一个“怎么转换每个元素”的函数 -
filter要你给一个“判断是否保留”的函数,返回布尔值 -
reduce的回调函数接收四个参数(累加器、当前值、索引、原数组),容易漏写或错序 - 注意:
forEach是高阶函数,但它不返回新数组,也不支持链式调用,别误当map用
自己写高阶函数时最容易错的三件事
手写高阶函数比调用内置的更暴露问题,尤其在异步、作用域和参数透传上:
- 忘记
return:比如写了一个包装函数,里面调用了fn()却没return fn(),结果外层拿到undefined - 直接执行而非返回函数:想实现柯里化,却写了
return add(1)(2),这是一次求值;正确是return function(y) { return x + y }或用箭头函数() => x + y -
this绑定丢失:把对象方法传给map时(如arr.map(obj.handler)),handler内部的this会变成undefined(严格模式)——得用bind、箭头函数或显式传参替代
compose 和 pipe 这类组合函数怎么写才实用
它们是函数式编程里“把多个小函数串成大逻辑”的核心工具,但写得太抽象反而难维护:
立即学习“Java免费学习笔记(深入)”;
-
compose(f, g)应该等价于f(g(x)),即从右往左执行;pipe(f, g)是g(f(x)),从左往右——选哪个取决于团队习惯,但必须统一 - 别一上来就写支持无限参数的版本,先搞定两个函数的组合:
const compose = (f, g) => x => f(g(x));
- 如果函数可能异步,
compose就得区分同步版和asyncCompose;混用Promise和普通函数会导致类型不可控,建议用then链或await显式处理
真正难的不是写出高阶函数,而是判断某个逻辑“是否值得抽象成高阶函数”。比如重复三次的 try/catch 包裹,适合抽成 withRetry;但只是给按钮加个点击日志,硬套 logClick = withLog(clickHandler) 反而增加认知负担。











