本文详解高阶函数transformer因少传参数而报“firstupper is not a function”错误的根本原因，指出问题在于调用时遗漏了必需的字符串参数，而非参数顺序本身有问题。
在JavaScript中，高阶函数是指接收函数作为参数（或返回函数）的函数。你定义的 transformer(string, firstUpper) 明确要求两个参数：第一个是待处理的字符串 string，第二个是用于转换的函数 firstUpper。然而，实际调用时只传入了一个参数：
transformer(firstUpperCaseWord); // ❌ 错误：仅传入函数，缺少 string 参数
此时，string 形参接收到的是 undefined，而 firstUpper 形参则意外接收了 firstUpperCaseWord 函数——这导致函数体内执行 firstUpper(string) 时，实际变成：
firstUpperCaseWord(undefined) // ✅ 函数存在，但传入 undefined 可能引发其他错误（如 split on undefined）
⚠️ 但更关键的是：如果参数顺序被误认为可随意调整，就容易掩盖根本问题。你提到“把参数顺序反过来就能运行”，例如改成 transformer(firstUpper, string) 并调用 transformer(firstUpperCaseWord, 'hello world')，这看似“修复”了错误，实则是通过改变签名规避了原逻辑缺陷——它并未解决“调用方未按约定传参”的本质问题。
✅ 正确做法是严格遵循函数定义的参数顺序与数量：
立即学习“Java免费学习笔记（深入）”；
function firstUpperCaseWord(st) {
if (!st || typeof st !== 'string') return st;
let st1 = st.split(" ");
if (st1.length > 0) st1[0] = st1[0].toUpperCase();
return st1.join(" ");
}
function transformer(string, firstUpper) {
console.log(firstUpper(string)); // ✅ 此时 firstUpper 是函数，string 是有效字符串
}
// ✔️ 正确调用：两个参数缺一不可
transformer('hello world', firstUpperCaseWord);
// 输出: "Hello world"? 重要提醒：
- JavaScript 不校验参数个数，缺失参数默认为 undefined，易引发隐蔽错误；
- typeof undefined === 'undefined'，所以 firstUpper(string) 中若 firstUpper 实际是 undefined，才会真正触发 TypeError: firstUpper is not a function；
- 本例中错误提示恰恰说明：你调用 transformer 时，firstUpper 形参拿到了 undefined（因为 string 占用了第一个位置），而 string 形参拿到了 firstUpperCaseWord 函数——于是 undefined('hello world') 自然报错。
因此，问题根源不是“参数顺序是否重要”，而是调用时未满足函数签名要求。保持接口清晰、调用严格对齐，才是健壮代码的基础。
