高阶函数(1)

2022-06-07 12:10 118阅读 0赞

## 高阶函数 ##

高阶函数至少满足以下条件：

*  函数可以作为参数被传递
 *  函数可以作为返回值输出

JavaScript中高阶函数类型

1.回调函数

var appDiv = function (callback) { 
            if(typeof callback === 'function'){
                callback();
            }
        }
       appDiv(function () { 
           console.log('我是回调函数')
       })

2.函数作为返回值输出
    单例模式

var getSingle = function (fn) { 
            var ret;
            return function () { 
                return ret || (ret = fn.apply( this,arguments ) )
            }
        }

3.高阶函数实现AOP
    
    AOP(面向对象)的主要作用是把一些跟核心业务逻辑无关的功能抽离出来，在通过“动态植入”的方式掺入业务逻辑快中

Function.prototype.before = function (beforefn){ 
                var __self = this;
                return function(){ 
                     beforefn.apply(this,arguments);
                     return __self.apply(this,arguments);
                }
            }
            Function.prototype.after = function (afterfn){ 
                var __self = this;
                return function(){ 
                    var ret = __self.apply(this,arguments);
                    afterfn.apply(this,arguments);
                    return ret;
                }
            }
            var func = function(){ 
                console.log(2)
            }
            func = func.before(function(){ 
                console.log(1)
            }).after(function(){ 
                console.log(3)
            })
            func();
            //1,2,3

3.1函数柯里化（curring）
    
    curring又称部分求值，一个currying函数首先会接受一些参数，该函数并不会立即求值，而是继续返回另外一个函数，刚才传入的参数在函数形成的闭包中被保存起来。待到函数真正需要求值得时候，之前传入的所有参数都会被一次性用于求值。

当我们传入参数时，并不马上执行，而是把参数保存起来，等到我们执行不带参数的cost时才真正求值运算
    
    3.2 uncurring  
        通过uncurring化的方式，Array.prototype.shift.call变成了一个通用的shift函数。

Function.prototype.uncurring = function(){ 
                var self = this;//self是Array.prototype.push
                return function(){ 
                    return Function.prototype.call.apply(self,arguments)
                }
    }
    
    //通用
    Function.prototype.uncurring = function(){ 
         var self = this;
         return function(){ 
             var obj = Array.prototype.shift.call(arguments)
             //argumengs对象的第一个元素'lenght'被截取
             return self.apply(obj,arguments)
         }
     }
     for(var i=0,fn,ary = ['push','shift','forEach'];fn = ary[i++];){
         Array[fn] = Array.prototype[fn].uncurring();
     }
     var obj = {
         "length":3,
         "0":1,
         "1":2,
         "2":3
     }
     Array.push(obj,4);
     console.log(obj.length)//4
     var first = Array.shift(obj);
     console.log(first)//1
     console.log(obj)//{0: 2, 1: 3, 2: 4, length: 3}