手写javascript中的reduce()方法

一、定义和用法

​ reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。
​ reduce() 可以作为一个高阶函数，用于函数的 compose。
​ 注意: reduce() 对于空数组是不会执行回调函数的。

语法：  array.reduce(function(prev, currentValue, currentIndex, arr), initialValue)

 reduce()方法的参数：

1、回调函数(callback):

        回调函数里面的参数：

           ①prev                      上一步的结果

           ②currentValue        当前的值

           ③currentIndex        当前值的index

           ④arr                         当前数组

2、累加器(prev)的初始值(initialValue)

              可选参数：初始值，如果有就采用本值作为初始值，没有就采用数组第一个值

二、代码实现

<script>
    //写在 js 系统中的 Array的原型对象上面(保证每个数组都能调用该方法)
    Array.prototype.copyReduce = function (fn, initialValue) {
        //浅拷贝数组  
        var arr = Array.prototype.slice.call(this);
        //注意: reduce() 对于空数组是不会执行回调函数的。
        if (!arr.length) {
            return
        }
        var sum;//sum(是上面的prev) 
        //默认初始值  
        sum = initialValue ? initialValue : arr[0];
        //遍历数组的每一个值  
        for (var i = 0; i < arr.length; i++) {
            //每一个值都会在该方法中被（加工处理），  
            sum = fn.call(null, sum, arr[i], i, this);
        }
        //最后的返回值
        return sum
    }

    // 测试
    const arr = [11,22,33,44,55]
    const Sum = arr.copyReduce((sum,item)=>sum+item,0)
    console.log(Sum) //176
</script>