JavaScript高阶函数指接收函数作为参数或返回函数的函数，如map、filter、reduce、sort等，其核心在于传递操作逻辑而非数据本身，需注意this绑定、柯里化写法、排序函数返回值类型及执行时机控制。
JavaScript高阶函数不是某种特殊语法，而是指**满足任一条件的函数：接收函数作为参数，或返回一个函数**。它本质是函数式编程的基石，不是“高级技巧”，而是日常写 map、filter、sort 时你已经在用的东西。
为什么 map、filter、reduce 都算高阶函数？
因为它们都把函数当“操作指令”来用——不是处理数据本身，而是告诉数组“你该怎样去处理每个元素”。
-
map接收一个转换函数，对每个元素执行并返回新数组；不传返回值？结果全是undefined -
filter接收一个判断函数，只保留返回true的元素；漏写return或返回非布尔值，过滤就失效 -
reduce接收一个累积函数，必须明确初始值（第二个参数），否则第一次调用会把前两项当preValue和currentValue，容易索引错乱
自己写高阶函数时最容易踩的坑
新手常以为“返回函数”才算高阶函数，其实只要参数是函数，就已经是了。但手写时几个关键点极易出错：
- 忘记绑定
this：比如在对象方法里传arr.map(this.handler)，this会丢失 → 改用arr.map(this.handler.bind(this))或箭头函数封装 - 柯里化/偏函数中提前返回逻辑写错：比如
const add5 = (x) => x + 5是闭包，不是柯里化；真正柯里化是const add = a => b => a + b，少一层箭头就失去延迟执行能力 - 把高阶函数当“黑盒”滥用：例如嵌套三层
map(filter(map(...)))，可读性骤降且性能无优势 → 先抽成带语义的变量名，如validNames、capitalizedNames
sort 传函数却没排序？检查比较函数是否真返回数字
sort 是最隐蔽的高阶函数之一。它默认按字符串 Unicode 排序，传函数才启用自定义逻辑，但很多人写成：
arr.sort((a, b) => a.name > b.name) // ❌ 返回 true/false，不是 -1/0/1
正确写法必须返回数字：
arr.sort((a, b) => a.age - b.age) // ✅ 数值比较 arr.sort((a, b) => a.name.localeCompare(b.name)) // ✅ 字符串安全比较
否则在 Chrome 可能“看似排好了”，但在 Safari 或旧版 Node 就乱序——这不是 bug，是规范要求。
高阶函数真正的复杂点不在语法，而在于「谁控制执行时机、谁持有上下文、谁负责清理副作用」。比如 setTimeout 接函数是高阶，但它不立刻执行；Promise.then 也是，但它把错误捕获逻辑交给了链式调用。这些细节不画图、不调试，光看定义根本绕不出来。
