JS中的柯里化Currying怎么用

魁首哥

作者

JS中的柯里化Currying怎么用

这篇文章主要为大家展示了“JS中的柯里化Currying怎么用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“JS中的柯里化Currying怎么用”这篇文章吧。

柯里化将多参数函数转换为一元（单参数）函数。

柯里化函数一次接受多个参数。所以如果你有

greet=(greeting,first,last)=>`${greeting},${first}${last}`;greet('Hello','Bruce','Wayne');//Hello,BruceWayne

可以写成这种形式

curriedGreet=curry(greet);curriedGreet('Hello')('Bruce')('Wayne');//Hello,BruceWayne

如何正确的使用？

正确的使用“柯里化”是因为某些curry函数在使用上更加灵活。Currying 在理论上很棒，但是在 JavaScript 中为每个参数调用一个函数会很累。

Ramda 的 curry函数可以让你curriedGreet像这样调用：

//greetrequires3params:(greeting,first,last)//theseallreturnafunctionlookingfor(first,last)curriedGreet('Hello');curriedGreet('Hello')();curriedGreet()('Hello')()();//theseallreturnafunctionlookingfor(last)curriedGreet('Hello')('Bruce');curriedGreet('Hello','Bruce');curriedGreet('Hello')()('Bruce')();//thesereturnagreeting,sinceall3paramswerehonoredcurriedGreet('Hello')('Bruce')('Wayne');curriedGreet('Hello','Bruce','Wayne');curriedGreet('Hello','Bruce')()()('Wayne');

请注意，你可以选择一次性给出多个参数。此实现在编写代码时更有用。

如上所示，你可以在没有参数的情况下永远调用此函数，并且它将始终返回一个需要剩余参数的函数。

工作原理相同

constcurry=(f,arr=[])=>(...args)=>((a)=>(a.length===f.length?f(...a):curry(f,a)))([...arr,...args]);

让我们一起重构和欣赏它。

我还在debuggerChrome 开发人员工具中添加了一些语句来检查它。

curry=(originalFunction,initialParams=[])=>{debugger;return(...nextParams)=>{debugger;constcurriedFunction=(params)=>{debugger;if(params.length===originalFunction.length){returnoriginalFunction(...params);}returncurry(originalFunction,params);};returncurriedFunction([...initialParams,...nextParams]);};};

开始

粘贴greet并curry进入您的控制台。然后进入curriedGreet = curry(greet)并开始疯狂。

在第 2 行暂停

检查我们看到的两个参数，originalFunction并且greet默认initialParams为空数组，因为我们没有提供它。移动到下一个断点，哦等等……就是这样。是的！curry(greet)只返回一个需要 3 个以上参数的新函数。在控制台中输入curriedGreet以查看我在说什么。

当你玩完这个之后，让我们变得更疯狂一点，然后做
sayHello = curriedGreet('Hello').

在第 4 行暂停

在继续之前，在控制台中输入originalFunction和。initialParams请注意，即使我们在一个全新的函数中，我们仍然可以访问这两个参数？这是因为从父函数返回的函数享有其父函数的作用域。

继承

在父函数传递之后，他们将参数留给孩子使用。有点像现实生活中的继承。

curry最初给出originalFunction，initialParams然后返回一个“子”函数。这两个变量还没有被处理掉，因为也许那个孩子需要它们。如果他不这样做，那么这个范围就会被清理干净，因为当没有人提到你时，那就是你真正死去的时候。

好的，回到第 4 行……

检查nextParams并看到它是['Hello']……一个数组？但我以为我们说curriedGreet(‘Hello’) ，不是curriedGreet(['Hello'])！

正确：我们调用curriedGreet了 with 'Hello'，但是多亏了rest 语法，我们变成 'Hello'了['Hello'].

是吗？！

curry是一个通用函数，可以提供 1、10 或 10,000,000 个参数，因此它需要一种方法来引用所有参数。使用类似的 rest 语法捕获一个数组中的每个参数，使curry' 的工作更容易。

让我们跳到下debugger一条语句。

现在是第 6 行，但请稍等。

您可能已经注意到第 12 行实际上在debugger第 6 行的语句之前运行。如果不是，请仔细查看。我们的程序在第 5 行定义了一个调用函数curriedFunction，在第 12 行使用它，然后我们debugger在第 6 行点击了该语句。curriedFunction调用的是什么？

[...initialParams,...nextParams];

呸呸呸。查看params第 5 行，您会看到['Hello']. 两者initialParams和都是数组，所以我们使用方便的扩展运算符nextParams将它们展平并组合成一个数组。

这就是好事发生的地方。