js函数柯理化,javascript柯里化

　　本文带你快速了解Javascript中的Currying，有一定的参考价值。有需要的朋友可以参考一下，希望能帮到你。

　　内核函数一次接受多个参数。所以如果你有

　　greet=(greeting，first，last)=`${greeting}，$ { first } $ { last } `；

　　打招呼(你好，布鲁斯，韦恩)；//你好，布鲁斯韦恩可以写成这种形式

　　curriedGreet=curry(打招呼)；

　　curried greet( Hello )( Bruce )( Wayne )；//你好，布鲁斯韦恩

如何正确的使用？

　　“库里”的正确用法是因为有些库里功能使用起来更灵活。Currying理论上很棒，但是在JavaScript中为每个参数调用一个函数会很累。

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

　　//greet需要3个参数：(greeting，first，last)

　　//这些都返回一个函数寻找(first，last)

　　currid greet( Hello )；

　　curried greet( Hello )()；

　　currid greet()( Hello )()())；

　　//这些都返回一个函数寻找(last)

　　curried greet( Hello )( Bruce )；

　　curriedGreet(Hello ， Bruce )；

　　currid greet( Hello )( Bruce )()；

　　//这些函数返回一个问候，因为所有3个参数都被接受

　　curried greet( Hello )( Bruce )( Wayne )；

　　curriedGreet(你好，布鲁斯，韦恩)；

　　curriedGreet(你好，布鲁斯)()(韦恩)；请注意，您可以选择一次给出多个参数。这种实现在编写代码时更有用。

　　如上所示，您总是可以不带参数调用这个函数，它总是会返回一个需要其余参数的函数。

工作原理相同

　　 const curry=(f，arr=[])=(.args)=

　　((a)=(a.length===f.length？f(.a):库里(f，a)))([.啊，args])；让我们一起来重构和欣赏吧。

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

　　curry=(originalFunction，initialParams=[])={

　　调试器；

　　返回(.nextParams)={

　　调试器；

　　const curied function=(params)={

　　调试器；

　　if(params . length===original function . length){

　　返回原始函数(.params)；

　　}

　　返回库里(originalFunction，params)；

　　};

　　返回curied function([.初始参数，next params])；

　　};

　　};

开始

　　将问候和问候粘贴到您的控制台中。然后输入curriedGreet=curry(greet)开始疯狂。

在第 2 行暂停

　　检查我们看到的两个参数，greet的originalFunction和default initialParams是一个空数组，因为我们没有提供。移到下一个断点，哦等等…就这样。

　　是啊！Curry(greet)只返回一个需要3个以上参数的新函数。在控制台中键入curriedGreet，看看我在说什么。

　　当你做完这些，让我们变得更疯狂一点，然后做sayHello=curriedGreet(Hello )。

在第 4 行暂停

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

继承

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

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

好的，回到第 4 行……

　　检查nextParams，并查看它是否为[hello].一个数组？但我以为我们说的是curied greet( Hello Hello )，不是curied greet([ Hello ])！

　　正确：我们用 Hello 调用curriedGreet，但是由于rest语法，我们变成了 Hello [Hello]。

是吗？！

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

　　让我们从调试器跳到一个语句。

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

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

　　[.初始参数，next params]；呸呸。看params的第五行，你会看到[Hello]。initialParams和都是数组，所以我们使用方便的扩展操作符nextParams将它们展平并组合成一个数组。

　　这是好事发生的地方。

　　第7行说，“如果params和originalFunction长度相同，请让greet用我们的参数调用，我们就完成了。”这让我想起了…

JavaScript 函数也有长度

　　这就是库里的魔术！这是它决定是否要求更多参数的方式。

　　在JavaScript中。函数的长度属性告诉你它需要多少个参数。

　　greet.length//3

　　iTakeOneParam=(a)={ }；

　　iTakeTwoParams=(a，b)={ }；

　　iTakeOneParam.length//1

　　iTakeTwoParams.length//2复制代码。如果我们提供的参数与预期的匹配，我们就没事。把它们交给原函数，完成工作就行了！

　　但是在我们的例子中，参数和函数长度是不同的。我们只提供 hello ，所以params.length是1，originalFunction.length是3，因为greet需要3个参数：greeting，first，last。

那么接下来会发生什么？

　　好吧，既然这个if语句的计算结果为false，那么代码将跳转到第10行，再次调用我们的主curry函数。它再次收到问候，这一次，“你好”，并再次开始疯狂。

　　这是递归，我的朋友们。

　　Curry本质上是一个无限循环的自我调用、渴求参数的函数，它不会休息，直到它们的客人都满了。好客。

回到第 2 行

　　 initial params的参数与之前相同，只是这次使用了[Hello]。再次跳过退出循环。在控制台中输入我们的新变量sayHello。这是另一个函数，仍然期待更多的参数，但我们越来越温暖。

　　让我们把火打开。

　　我们又在第4行，nextParams是[John]。跳到第6行的下一个调试器并检查params:它是[Hello ， John]！

为什么？

　　因为请记住，第12行写的是“嘿curriedFunction，他上次给了我‘你好’，这次给了我‘约翰’。将它们都带入这个数组[.初始参数，下一个参数]。"

　　现在curriedFunction再次比较length params和originalFunction，因为2 ^ 3我们移到第10行，curry再次调用！当然，我们传递了两个参数，[Hello ， John]

　　我们很接近了，让我们全部完成，得到满满的问候！

　　sayHelloToJohnDoe=sayHelloToJohn( Doe )

　　我想我们知道接下来会发生什么。

结论

　　 greet得到他的参数，curry停止循环，我们收到我们的问候：你好，John Doe。

　　多发挥这个功能。尝试一下子提供多个参数或者不提供参数，随你怎么疯。Curry查看在返回预期输出之前必须进行多少次递归。

　　curriedGreet(Hello ， John ， Doe )；

　　curriedGreet(Hello ， John )( Doe )；

　　currid greet()( Hello )( John )()()()()()(( Doe )；【相关视频教程推荐：web前端】以上是快速了解JS中Currying的详细内容。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。