美文网首页
少侠,你听说过pipeline和compose吗?

少侠,你听说过pipeline和compose吗?

作者: 天辰dreamer | 来源:发表于2020-02-10 16:03 被阅读0次
    image

    少侠们好~

    上次给大分享了一个叫做transducer的道具,可以用来处理超大数组。

    本来我认为应该是比较有趣的,

    结果。。。

    到目前为止,

    算了,不好意思说了。。。

    所以,

    天辰我猜想一定是话题太高端,现在人心太浮躁,

    各位少侠应该都没耐心看下去!

    (嗯,一定是这样的,一定不是我文章写得不好!)

    所以,这次要和各位少侠分享的,是2个简单的道具。

    为什么是两个?

    因为想着大家现实中单身狗比较多,

    线上给大家凑个情侣组合~

    pipeline boy 和 compose girl

    好了,

    下面开始进入正题,

    首先,

    少侠你可以看到下面有一个简单的数组,这个数组里面包含了3个人的信息,

    它们的名字,心情,以及女朋友!

    image

    然后,

    今天我们首先的任务就是,

    给其中的每个人发一些礼物,

    这有一个发礼物的函数:

    image

    这个函数会给有女朋友的人发一堆戒指,

    当然,如果你是单身狗,

    它就会给你一些狗粮。。。

    现在开始发礼物:

    image

    好了,

    胖虎和天辰已经获取到了对应的礼物,

    但是!

    作为主角的天辰,不愿意就这么拿骨头走人~

    于是,

    天辰又找了个叫做giveTCMoney的函数,

    这个函数会在检测到天辰时,把他的礼物换成一笔钱:

    image

    嗯~

    既然有了钱,

    找女朋友就很方便了是吧!

    所以,这是一个找女朋友的函数:

    image

    开始找女朋友:

    image

    完美!

    现在钱也有了,妹子也有了~

    也是时候回归现实了。。。。

    少侠~

    这次的重点是下面这行代码:

    image

    在这句代码里,我们首先把person传递给了giveGift函数,

    giveGift会根据不同的角色发放不同的礼物。

    在这之后,

    它会把结果传递给giveTCMoney,

    giveTCMoney函数会判断person是否是天辰,如果是,会给它一笔钱。

    在这之后,它又会把结果传递给findGirlFriends函数,

    findGirlFriends会判断该person是否有钱,

    有的话,就会开始发女朋友,最后返回最终的结果。

    也就是说,在过程中,我们一共经历了3个函数,每个函数结束后会把结果传递给下一个函数,直到最后的一个函数,一个接一个。

    但是,

    现在我们这样的写法不是很清晰,

    特别是连接更多的函数时,一堆括号,看着比较混乱,

    有的少侠可能会选择中间变量来保存结果,这样看起来会更清晰一下。

    image

    这样是更清晰了,

    但是,

    如果我们突然想在中间添加或删除一个函数的话,还是不太方便。

    而且,用额外的变量总感觉比较浪费,逼格也不高。。。

    所以,

    我们需要换个更好的办法,

    一个更有牌面的办法,

    那就是今天我们要遇见的第一个道具,

    pipeline函数

    pipeline函数,就像它的名字一样,管道,它接受一系列函数fn1,fn2,fn3...,

    然后返回给我们一个新函数pipedFn,

    调用pipedFn时,它会首先把数据传递给fn1,然后把调用fn1的结果传递给fn2调用,然后又继续传递给fn3,依次类推:

    它的顺序是从左到右一次调用,也就是说,最左边的函数第一个调用,

    就像这样:

    image

    那么pipeline到底长什么样呢?

    天辰我这有一个现成的pipeline函数,

    但是,

    我建议少侠你也自己动手实现一下pileline函数!

    image

    有了pipeline函数,

    我们就可以利用它重构一下我们之前的代码:

    image

    完全OK~

    利用pipeline函数,我们的函数不仅变得更简洁了,

    而且,如果我们想在中间添加一个函数的话,

    也很方便:

    image

    好了,

    现在少侠你已经认识pipeline了,那么compose呢?

    compose和pipeline类似,就像一对情侣,

    只不过,它调用函数的顺序和pipeline相反,

    最先传递的函数反而最后调用,也就是从右往左调用:

    image

    这是一个现成的compose函数:

    image

    利用compose优化我们的代码:

    image

    好了,

    恭喜你,少侠!

    你又成功发现并阅读完了一篇文章~

    按照惯例,首先~

    谢谢少侠你看到了这里,

    然后~

    少侠现在你已经认识了compose和pipeline,

    你的道具栏里又多了2件有趣的道具,

    希望你能认真对待它们,

    也希望它们能对你有所帮助,

    最后~

    少侠你知道为什么我一开始要说compose girl 和 pipeline boy 嘛?

    因为。。。

    男左女右!哈哈哈哈~


    额外的礼物~:

    pipeline的几种实现方式:

    image

    compose的几种实现方式:

    image

    你可能关心的问题

    1、天辰,这次的例子为什么不像之前那样,选一些简单的例子呢?比如数字的加减乘除之类的。

    没错~这次的例子是稍微复杂了些,

    比起上次简单的数组,这次数据结构变成了数组嵌套对象,

    就像少侠你在不断进步一样,你也可能会不断遇见更复杂的数据,

    所以,尝试处理不同的数据,既能帮助少侠你更好的理解它们,也会更有趣一些~

    2、天辰,果然男人有钱就变坏,你居然给自己弄了2个女朋友!

    少侠,你再回去看看,即使到了最后,天辰的feeling是不是还是sad?

    因为!

    不管的御姐还是萌妹子,

    如果不能和自己喜欢的人在一起,终究都是浮云啊~

    image

    3、天辰,为什么每次你话都那么多呢?还有,你为什么总喜欢弄些花里胡哨的东西呢?

    少侠~

    其实,不管是话多话少,正经,严肃,还是花里胡哨,

    都只是每个人不同的选择而已,

    少侠,

    人生苦短,做自己喜欢的事就好了~


    好了,

    少侠,江湖路上,有缘再见~

    image

    相关文章

      网友评论

          本文标题:少侠,你听说过pipeline和compose吗?

          本文链接:https://www.haomeiwen.com/subject/lowaxhtx.html