17370845950

本文详解高阶函数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')，这看似“修复”了错误，实则是通过改变签名规避了原逻辑缺陷——它并未解决“调用方未按约定传参”的本质问题。

✅ 正确做法是严格遵循函数定义的参数顺序与数量：

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') 自然报错。

因此，问题根源不是“参数顺序是否重要”，而是调用时未满足函数签名要求。保持接口清晰、调用严格对齐，才是健壮代码的基础。