柯里化【JavaScript】

什么是柯里化？

柯里化函数：固定函数某一些参数，得到该函数的剩余参数的新函数，如果没有参数则调用。

在函数式编程中，柯里化函数最重要的作用是把多参函数转化为单参函数

柯里化函数实现

基本思路：

1.得到传递的非函数参数，绑定this, 返回一个新的函数

2.拿到新函数传递的参数，如果参数的数量大于等于原函数的参数，则调用。否则继续调用Currying

示例：

<script src="./index.js"></script>
<script>
function a(a, b, c) {
return a + b + c
}
const curriedAdd = myPlugin.Currying(a);
console.log(curriedAdd(1)(2)(3)); // 6
</script>

实现：

this.myPlugin.Currying = function (fn) {
let args = Array.prototype.slice.call(arguments, 1)
let that = this
return function () {
let curArgs = Array.from(arguments)
let totalArgs = args.concat(curArgs)
if (totalArgs.length >= fn.length) {
return fn.apply(null, totalArgs)
}
else {
totalArgs.unshift(fn)
return that.Currying.apply(that, totalArgs)
}
}
}

思考这个该怎么实现？

<script src="./index.js"></script>
<script>
function a(a, b, c) {
return a + b + c
}
const curriedAdd = myPlugin.Currying(a);
console.log(curriedAdd(1)(2)(3)()); // 6
console.log(curriedAdd(1, 2)(3)()) // 6
</script>

其实只需要改一行代码即可：当我们传递过来是空参时直接返回结果

if (totalArgs.length >= fn.length) {
return fn.apply(null, totalArgs)
}

替换成：

if (arguments.length === 0) {
return fn.apply(null, totalArgs)
}

注意：不要这么写企图去兼容两种方式，因为当达到最大传递参数是已经返回结果，在去传递空参会报错。

console.log(curriedAdd(1, 2)(3)()) // 6
console.log(curriedAdd(1, 2)(3)); // 6

if (arguments.length === 0 || totalArgs.length >= fn.length) {
return fn.apply(null, totalArgs)
}