本文详解高阶函数调用时因参数缺失导致“xxx is not a function”错误的根本原因，通过具体案例说明函数参数顺序与数量的重要性，并提供正确写法、调试建议及最佳实践。
在 JavaScript 中，高阶函数（Higher-Order Function）是指接受函数作为参数、或返回函数的函数。但一个常见却极易被忽视的错误是：误将高阶函数当作单参数函数调用，而实际它需要多个参数——尤其是当第一个参数是数据（如字符串），第二个参数才是回调函数时。
以你提供的代码为例：
function firstUpperCaseWord(st) {
let st1 = st.split(" ");
st1[0] = st1[0].toUpperCase();
return st1.join(" ");
}
function transformer(string, firstUpper) {
console.log(firstUpper(string)); // ❌ 此处调用 firstUpper(string)，要求 firstUpper 必须是函数
}
transformer(firstUpperCaseWord); // ❌ 错误：只传了 1 个参数，但 transformer 需要 2 个！问题核心在于：transformer 的形参定义为 (string, firstUpper)，即第一个参数应为待处理的字符串，第二个才是函数。但你调用时只传入了 firstUpperCaseWord —— 此时：
- string 参数接收 firstUpperCaseWord（函数本身），
- firstUpper 参数则为 undefined（因未提供第二参数），
- 于是 firstUpper(string) 实际执行的是 undefined(firstUpperCaseWord)，自然抛出 TypeError: firstUpper is not a function。
✅ 正确调用方式如下：
立即学习“Java免费学习笔记（深入）”；
transformer("hello world", firstUpperCaseWord); // ✅ 输出: "Hello world"⚠️ 注意：参数顺序至关重要。虽然从逻辑上“函数作为行为”看似应放前面，但 JavaScript 不关心语义，只严格按形参声明顺序绑定实参。若你希望先传函数再传数据（更符合函数式编程直觉），可主动重构为：
function transformer(fn, string) {
console.log(fn(string));
}
// 调用：
transformer(firstUpperCaseWord, "hello world"); // ✅ 同样可行，但必须与定义一致? 进阶建议：
- 使用 TypeScript 或 JSDoc 添加类型注解，提前捕获参数不匹配问题；
- 在高阶函数内部加入防御性检查：
function transformer(string, fn) { if (typeof fn !== 'function') { throw new TypeError('Second argument must be a function'); } console.log(fn(string)); } - 考虑使用柯里化（Currying）提升灵活性，例如：const transform = fn => string => fn(string);，调用为 transform(firstUpperCaseWord)("hello world")。
总结：高阶函数的健壮性始于清晰的参数契约。务必确保调用时参数数量匹配、顺序一致、类型正确——这并非风格选择，而是 JavaScript 执行模型的基本要求。
