JavaScript进阶设计模式系列——基础篇——高阶函数

定义：

是指满足下列条件之一的函数：

1. 函数可作为参数被传递
2. 函数可作为返回值输出

详情参见维基百科定义：

应用场景

作为参数传递

回调函数

其实，从本质上来讲：回调函数和委托是一回事儿。当一个函数不适合执行一些请求的时候，我们把这些请求封装成一个函数，并把它作为参数传递给另外一个函数，委托其他的函数来执行。

在Ajax的使用过程中，回调函数使用非常频繁。我们想要在Ajax请求完成后，执行一些操作，但是有不知道返回的确切时间，最常见的方案就是把callback函数当做参数传入发起Ajax请求的方法中，在请求完成之后，执行callback函数。

作为返回值输出

让函数继续返回一个可执行的函数，这样运算过程就被延续了。

实例演示：

var getSingle = function (fn) {    var ret ;//由于使用了闭包，第二次访问的时候，ret保留了上一次的值    return function () {        return ret || (ret = fn.apply(this,arguments));    };};var getScript = getSingle(function () {    return {        name : 'script'    }});var script1 = getScript();var script2 = getScript();console.log(script1 === script2); //输出true

实现AOP

/** * Created by bill on 7/4/2017. */Function.prototype.before = function (beforefn) {    var _self = this; //保留对原函数的引用    return function () {        beforefn.apply(this,arguments);//改变this 的指向，调用before函数        _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 

其他高阶函数的应用场景

函数currying（柯里化）

定义：维基百科

在计算机科学中，柯里化（英语：Currying），又译为卡瑞化或加里化，是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术

它还可以称之为部分求值。

函数UNcurrying（反柯里化）

函数节流

分时函数

惰性加载函数

后话：其他应用，大家有兴趣的自行研究下吧，就不一一和大家介绍了。