高阶函数是接受函数作为参数或返回函数的函数；如map、filter、debounce是，parseInt、JSON.parse不是；常见误用包括闭包变量捕获、this绑定丢失、curry/partial逻辑混淆及异步嵌套导致的执行时序问题。
高阶函数不是“更高级的函数”，而是把函数当参数传入，或返回函数的函数——它不神秘，但容易因闭包、执行时机、this 绑定等被误用。
什么是高阶函数？看两个最典型的例子
判断依据就两条：接受函数作为参数 或 返回一个函数。满足任一即为高阶函数。
常见误判：以为“写得复杂”就是高阶函数。其实 Array.prototype.map、Array.prototype.filter、setTimeout 都是高阶函数；而 parseInt、JSON.parse 就不是。
-
map接收一个回调函数，对每个元素调用它 → 是高阶函数 -
debounce接收函数，返回防抖后的新函数 → 是高阶函数 -
function add(x) { return x + 1 }不接收/返回函数 → 不是
怎么手动写一个实用的高阶函数？以 once 为例
让某个函数只执行一次，后续调用直接返回缓存结果。关键点不在“怎么写”，而在“为什么这样写”：
function once(fn) {
let called = false;
let result;
return function(...args) {
if (called) return result;
result = fn.apply(this, args);
called = true;
return result;
};
}
- 闭包保存
called和result，确保状态跨调用存在 - 用
fn.apply(this, args)而非fn(...args)，避免丢失原始this（尤其在对象方法中） - 不提前执行
fn，只在首次调用返回的函数时才执行 —— 这是“惰性”的核心
curry 和 partial 容易混淆？看参数绑定逻辑
两者都预设部分参数，但行为不同：
-
curry(add)(1)(2)：每次只传一个参数，直到参数够了才执行 → 返回的是“链式函数” -
partial(add, 1)：固定第一个参数为1，其余参数留到调用时传 → 返回的是“少一个参数的函数” - 常见坑：
curry若没处理好参数长度判断，会无限返回函数；partial若用bind实现，要注意this被永久绑定，无法被后续调用覆盖
高阶函数常踩的坑：异步 + 闭包 + 循环变量
比如用 for 循环给按钮绑点击事件，每个事件要打印对应索引：
for (var i = 0; i < buttons.length; i++) {
buttons[i].onclick = () => console.log(i); // 全是 buttons.length
}
这不是高阶函数的问题，而是闭包捕获了 var 声明的共享变量。修复方式有三：
- 改用
let（块级作用域，每次循环独立绑定） - 用
forEach替代for（天然闭包隔离） - 显式传参：
buttons[i].onclick =
((index) => () => console.log(index))(i)
真正难调试的，是高阶函数内部又嵌套异步操作（比如 setTimeout + map），此时变量生命周期、执行顺序、错误捕获都要重新推演。
