一道经典的柯里化面试题

|恰同学少年|

已于 2024-01-09 09:29:30 修改

阅读量363

点赞数 8

文章标签：前端 javascript vue.js

于 2024-01-08 22:00:28 首次发布

本文链接：https://blog.csdn.net/weixin_42950333/article/details/135467225

版权

本文详细介绍了如何通过函数柯里化技巧在JavaScript中创建一个add方法，该方法可以处理可变参数，实现类似add(1)(2)(3)=6的预期效果，利用闭包和reduce函数计算参数总和。

摘要由CSDN通过智能技术生成

实现一个 add 方法，使计算结果能够满足如下预期：

add(1)(2)(3) = 6;
add(1, 2, 3)(4) = 10;
add(1)(2)(3)(4)(5) = 15;

要完成上面的题目，我们就可以使用函数柯里化

function add(){
// 先用一个空数组，存储第一次调用时的参数
let args = Array.prototype.slice.call(arguments);
// 创建一个方法，用来进行后续的调用
function _adder(){
  // 第一次调用完成后，后续调用时进入此函数，调用时传入的参数，全都push进前面定义好的数组中
  // 利用闭包，缓存所有的参数
  args.push(...arguments);
  return _adder; // 返回这个函数，给第三次、第四次...调用
}
// _adder新增一个toString方法，用来隐式计算所有参数的和
_adder.toString = () => {
  return args.reduce((a, b) => a + b); // 使用reduce函数，计算数组每一项相加的和，并返回
}
  return _adder; // 第一次调用之后返回，供第二次调用时使用
}

console.log(add(1)(2)(3).toString()); // 6
console.log(add(1, 2, 3)(4).toString()); // 10
console.log(add(1)(2)(3)(4)(5).toString()); // 15
console.log(add(2, 6)(1).toString()); // 9

console.log(Number(add(1)(2)(3))); // 6
console.log(Number(add(1, 2, 3)(4))); // 10
console.log(Number(add(1)(2)(3)(4)(5))); // 15
console.log(Number(add(2, 6)(1))); // 9