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

少侠,你听说过pipeline和compose吗?_第1张图片
image

少侠们好~

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

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

结果。。。

到目前为止,

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

所以,

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

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

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

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

为什么是两个?

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

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

pipeline boy 和 compose girl

好了,

下面开始进入正题,

首先,

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

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

少侠,你听说过pipeline和compose吗?_第2张图片
image

然后,

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

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

这有一个发礼物的函数:

少侠,你听说过pipeline和compose吗?_第3张图片
image

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

当然,如果你是单身狗,

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

现在开始发礼物:

少侠,你听说过pipeline和compose吗?_第4张图片
image

好了,

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

但是!

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

于是,

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

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

少侠,你听说过pipeline和compose吗?_第5张图片
image

嗯~

既然有了钱,

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

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

少侠,你听说过pipeline和compose吗?_第6张图片
image

开始找女朋友:

少侠,你听说过pipeline和compose吗?_第7张图片
image

完美!

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

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

少侠~

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

少侠,你听说过pipeline和compose吗?_第8张图片
image

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

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

在这之后,

它会把结果传递给giveTCMoney,

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

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

findGirlFriends会判断该person是否有钱,

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

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

但是,

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

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

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

少侠,你听说过pipeline和compose吗?_第9张图片
image

这样是更清晰了,

但是,

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

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

所以,

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

一个更有牌面的办法,

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

pipeline函数

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

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

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

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

就像这样:

少侠,你听说过pipeline和compose吗?_第10张图片
image

那么pipeline到底长什么样呢?

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

但是,

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

少侠,你听说过pipeline和compose吗?_第11张图片
image

有了pipeline函数,

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

少侠,你听说过pipeline和compose吗?_第12张图片
image

完全OK~

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

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

也很方便:

少侠,你听说过pipeline和compose吗?_第13张图片
image

好了,

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

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

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

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

少侠,你听说过pipeline和compose吗?_第14张图片
image

这是一个现成的compose函数:

少侠,你听说过pipeline和compose吗?_第15张图片
image

利用compose优化我们的代码:

少侠,你听说过pipeline和compose吗?_第16张图片
image

好了,

恭喜你,少侠!

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

按照惯例,首先~

谢谢少侠你看到了这里,

然后~

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

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

希望你能认真对待它们,

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

最后~

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

因为。。。

男左女右!哈哈哈哈~


额外的礼物~:

pipeline的几种实现方式:

少侠,你听说过pipeline和compose吗?_第17张图片
image

compose的几种实现方式:

少侠,你听说过pipeline和compose吗?_第18张图片
image

你可能关心的问题

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

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

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

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

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

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

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

因为!

不管的御姐还是萌妹子,

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

少侠,你听说过pipeline和compose吗?_第19张图片
image

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

少侠~

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

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

少侠,

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


好了,

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

少侠,你听说过pipeline和compose吗?_第20张图片
image

你可能感兴趣的:(少侠,你听说过pipeline和compose吗?)