php array_reduce 的理解laravel

2020-02-19 23:06:46

参考地址 array_reduce 的理解

看 laravel 时遇到一个函数,琢磨了半天也没有理解,最后还是查了下资料才完全理解。

这里还是再做下笔记加深下印象。

php官方是这么写的:

 array_reduce(array $array, callable $callback, [mixed $initial = null ])

什么意思呢,先举个简单点儿的栗子:

<?phpfunction sum($carry, $item) {
    var_dump($carry, $item);
    $carry += $item;
    echo '<br><hr>';
    return $carry;}$a = array(1, 2, 3, 4, 5);var_dump(array_reduce($a, 'sum', 10));

输出结果为:

int(10) int(1)
int(11) int(2)
int(13) int(3)
int(16) int(4)
int(20) int(5)
int(25)

可以看出 array_reduce 的第三个参数传给 callable sum 并作为第一个参数,然后 array $a 的第一个元素作为第二个参数,即sum(10, 1),然后把计算结果返回给下一次迭代即 sum(11, 2),依次类推直至程序结束。

简单的理解了,再来点复杂的,不过在开始之前,先来熟悉下匿名函数:

匿名函数:

$name = 'well';$greet = function () use ($name){
    echo 'hello ' ,$name;};$greet ();# hello well

function closureFunc($name){
    $func = function() use ($name){
        echo "hello" ,$name;
    };
    $func();}closureFunc('well');# hello well

接下来就是重点了,在 array_reduce 中使用匿名函数,举个例子,西瓜姑娘接到闺蜜电话出去玩,肯定要先化妆打扮一下再出门:

class MakeUp {
    public static function handle(Closure $next) {
        echo '化妆打扮', '<br>';;
        $next();

    }}$firstSlice = function (){
    echo '我要出去玩了~', '<br>';};$arr = [
    'MakeUp'];function getSlice(){
    return function ($stack, $pipe){
        return function () use ($stack, $pipe){
            return $pipe::handle($stack);
        };
    };}$go = array_reduce($arr, getSlice(), $firstSlice);$go();

输出结果为:

化妆打扮
我要出去玩了~

这段程序执行时首先运行 getSlice($firstSlice, 'DressUp'),然后拼装执行 MakeUp::handle()
MakeUp::handle() 中先去化妆打扮,然后再通过匿名Closure $next执行 $firstSlice 出门去玩。

如果觉得仅仅是化妆还不够,还要再穿条美美的裙子出门,那么再对上边的处理进行改造,添加穿裙子的过程:

class Skirt {
    public static function handle(Closure $next) {
        echo '穿上裙子', '<br>';
        $next();
    }}$arr = [
    'MakeUp',
    'Skirt'];

那么执行过程会变成什么样呢?为了看清楚执行过程,先在 getSlice 中加上打印:

function getSlice(){
    return function ($stack, $pipe){
        echo '<pre>';
        echo 'stack :';
        var_dump($stack);
        echo '<hr>';
        echo 'pipe :';
        var_dump($pipe);
        echo '</pre>';
        echo '<br><hr>';

        return function () use ($stack, $pipe){
            return $pipe::handle($stack);
        };
    };}

执行结果

可以看到第一次执行时,stack 是一个匿名函数 , 也对应了官网介绍的作为第一次迭代时,$carryinitial,也就是$firstSlicepipeMakeUp,但是它并没有执行而是直接返回了,也就是直接返回

 function ($stack, $pipe){
        return function () use ($stack, $pipe){
            return $pipe::handle($stack);
        };

匿名函数 function ($stack, $pipe)被返回后,也就相当于一个 array_reduce($arr, getSlice(), $firstSlice);,不同的是匿名函数 function ($stack, $pipe)代替了$firstSlice被传给下一次迭代。

第二次迭代时执行 Skire::handle,先穿上了美美的裙子,然后$next 执行匿名函数 function ($stack, $pipe),也就是去MakeUp::handle,化妆后继续执行 $next,也就是匿名函数 $firstSlice

emmm,你大神就是你大神,不能不服气。



  • 2019-12-06 11:01:31

    npm发布包流程详解 有demo

    npm发布包步骤,以及踩过的坑(见红颜色标准): 1.注册npm账号,并完成Email认证(否则最后一步提交会报Email错误) 2.npm添加用户或登陆:npm adduser 或 npm login

  • 2019-12-06 13:16:18

    vue mixins组件复用的几种方式

    最近在做项目的时候,研究了mixins,此功能有妙处。用的时候有这样一个场景,页面的风格不同,但是执行的方法,和需要的数据非常的相似。我们是否要写两种组件呢?还是保留一个并且然后另个一并兼容另一个呢? 不管以上那种方式都不是很合理,因为组件写成2个,不仅麻烦而且维护麻烦;第二种虽然做了兼容但是页面逻辑造成混乱,必然不清晰;有没有好的方法,有那就是用vue的混合插件mixins。混合在Vue是为了提出相似的数据和功能,使代码易懂,简单、清晰。

  • 2019-12-06 13:26:30

    vue的mixins混入合并规则

    混入minxins:分发vue组件中可复用功能的灵活方式。混入对象可以包含任意组件选项。组件使用混入对象时,所有混入对象的选项将混入该组件本身的选项。

  • 2019-12-06 16:50:34

    Intellij idea 如何关闭无用的提示

    Linux:Settings —> Editor —> Inspections —> General —> Duplicated Code Mac:Preferences --> Editor —> Inspections —> General —> Duplicated Code fragment 将对应的勾去掉。

  • 2019-12-09 15:36:56

    神秘的 shadow-dom 浅析,shadow-root

    顾名思义, shadow-dom,直译的话就是 影子dom ?我觉得可以理解为潜藏在黑暗中的 DOM 结构,也就是我们无法直接控制操纵的 DOM 结构。前端同学经常用开发者工具的话,查看 DOM 结构的时候,肯定看到过下面这样的结构:

  • 2019-12-10 11:13:50

    前端实战-基于Nuxt的SVG使用

    虽然我们在日常开发的时候,在使用iview 或者element ui等组件时,通常会包含一些常用icon;但是在面对一些特定的需求时,或者自己想high一下,这些通用的icon并不能很好的满足我们。这个时候我们可能会拿到一些SVG适量图,但是怎么去使用这些矢量图呢。

  • 2019-12-10 11:15:08

    用CSS给SVG 的内容添加样式

    SVG图形的一个最常见用例是图标系统,其中最常用的SVG sprite技术就是使用SVG<use> 元素在文档中任意位置“实例化”图标。 使用<use>元素实例化图标或任何其它的SVG元素或图像,给元素添加样式时经常会碰到一些问题。这篇文章的目的是尽可能给你介绍一些方法来解决:使用<use>引入的内容添加样式受限的问题。 但是在开始之前,我们先快速浏览一下SVG的主要结构和分组元素,然后慢慢进入use的世界中,以及shadow DOM,然后重回CSS的怀抱。我们会逐步讲解为什么给<use>内容添加样式会比较麻烦,以及有什么好的解决方案。

  • 2019-12-10 16:21:05

    display:flex的子元素无法设置宽度

    子元素有个flex-shrink属性,表示在父元素宽度不够的情况下是自动收缩不?0表示不自动收缩,1表示自动收缩;所以将子元素(图片)添加属性:flex-shrink:0;即