前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >函数式编程 pipe之函数柯里化

函数式编程 pipe之函数柯里化

作者头像
用户3055976
发布2020-09-18 10:38:08
5760
发布2020-09-18 10:38:08
举报
文章被收录于专栏:知道一点点知道一点点

1.pipe 管道:

我们想让一个参数通过第一个函数之后再通过第二个函数

一般写法:

代码语言:javascript
复制
const addOne = x => x + 1
const addTwo = x => x + 2
代码语言:javascript
复制
addTwo(addOne(1)) // 4

pipe写法:
代码语言:javascript
复制
const pipe = ...args => x => 
  args.reduce(
    (outputValue, currentFunction) => currentFunction(outputValue), x )
代码语言:javascript
复制
备注:reduce语法
代码语言:javascript
复制
array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

total

必需。初始值, 或者计算结束后的返回值。

currentValue

必需。当前元素

currentIndex

可选。当前元素的索引

arr

可选。当前元素所属的数组对象。

代码语言:javascript
复制
实际案例展开:

const pipe = (...fns) => x => fns.reduce((y, f) => f(y), x);
展开:
const pipe = function(x, ...fns) { fns.reduce((y, f) => f(y), x); }
再展开:
function pipe(x, ...fns){ let accu= x; for(let f in fns){ accu= f(accu) } return accu; }
代码语言:javascript
复制
二,柯里化: 是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术
代码语言:javascript
复制
function add(a,b,c){
             return a+b+c;
         }
         add(1,2,3);//直接调用输出

目的是变成单个参数调用输出:add(1)(2)(3);//参数分开调用输出
代码语言:javascript
复制
function add(a){
             return function(b){
                 return function(c){
                     return a + b + c;
                 }
             }
         }
改进版:
代码语言:javascript
复制
 var curry = function(func){
             var args = [].slice.call(arguments,1); // 首先我们对通用函数截取参数
             return function(){
                 var newArgs = args.concat([].slice.call(arguments)); //将每次添加的函数连接起来
                 return func.apply(this,newArgs); //将此函数的数组赋给目标函数 并传入参数
             }
         }
         function sub(a,b){
             return a-b;
         }
         var subcurry = curry(sub,5);
         
         console.log(subcurry(3));
代码语言:javascript
复制
进化版:
代码语言:javascript
复制
function add(a,b){
             return a + b;
         }
         var currys = function(fn,args = []){
             var length = fn.length; //计算期望函数的参数长度
            args =args; //利用闭包特性保存参数
             return function(){
                 newArgs = [].slice.call(arguments); //将自身函数参数赋给新参数
                 
                 [].push.apply(newArgs,args); //将上回保留的参数push进新的数组
                 
                 if(newArgs.length<length){ //判断当前函数的参数是否与期望函数参数一致
                     return curry.call(this,fn,newArgs); //如果不够,递归调用
                 }else{
                     
                     return fn.apply(this,newArgs); // 如果够,就执行期望函数
                 }
             }
         }
         var addcurry = currys(add);
         console.log(addcurry(1)(2));
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-09-16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档