JavaScript中Arrow & Curry函数输出获取及代码Bug修复求助

嘿，我来帮你搞定这个柯里化函数的问题！首先咱们得明确柯里化函数的核心逻辑：它是把接受多个参数的函数拆成一系列只接受单个参数的函数，每传一个参数就返回一个新函数，直到传完所有参数才会执行最终计算返回结果。你说代码本该返回50却没实现，大概率是在柯里化的调用方式或者箭头函数的语法上踩了坑，咱们一步步来分析。

最常见的错误：柯里化调用未完成 #

很多时候问题出在没传完所有参数，比如你可能写了这样的代码：

// 柯里化乘法函数
const multiply = a => b => a * b;
// 错误调用：只传了第一个参数
const result = multiply(5); 
console.log(result); // 这里返回的是一个等待接收b的函数，不是50！

修复方式：要得到50，你需要完成所有参数的传递——因为multiply(5)返回的是b => 5 * b这个函数，所以得再传第二个参数10，也就是multiply(5)(10)，这样才会执行计算返回50：

const multiply = a => b => a * b;
const result = multiply(5)(10);
console.log(result); // 输出50

另一个常见坑：箭头函数用了花括号却没写return #

如果你的箭头函数用了{}包裹函数体，但忘了显式写return，那函数会默认返回undefined，比如：

// 错误写法：花括号包裹但无return
const multiply = a => b => { a * b };
const result = multiply(5)(10);
console.log(result); // 输出undefined，不是50

修复方式：要么去掉花括号（箭头函数省略花括号时会自动return表达式结果），要么显式加上return：

// 方式1：省略花括号
const multiply = a => b => a * b;
// 方式2：保留花括号并加return
const multiply = a => b => { return a * b; };

更复杂的柯里化场景示例 #

如果你的需求是多参数柯里化来得到50，比如a*b + c = 50，那正确的写法和调用应该是这样：

const calculate = a => b => c => a * b + c;
const result = calculate(5)(9)(5); // 5*9+5=50
console.log(result); // 输出50

快速排查小技巧 #

• 打印中间结果：比如调用console.log(multiply(5))，看看返回的是函数还是数值，如果是函数，说明还需要继续传参；
• 检查箭头函数语法：确认是否在使用{}包裹函数体时，显式添加了return语句；
• 核对参数匹配度：确认柯里化函数定义的参数个数和你实际传递的参数个数是否一致。

内容的提问来源于stack exchange，提问作者passion