js関数式プログラミングの関数


関数のカリー化とはパラメータが徐々に値を求める過程です.
汎用性を低下させ、専用性を向上させると思います.
通常、コリック化はこのような過程であり、「一定のパラメータを固定すれば、残りのパラメータを受け入れる関数が得られます.」したがって、2つの変数の関数y^xに対して、y=2が固定されていると変数の関数2^xが得られます.
汎用実装
function currying(fn) {
  var slice = Array.prototype.slice;
    var args = alice.call(arguments, 1);
    return function() {
    var innerArgs = slice.call(arguments);
    var finalArgs = args.concat(innerArgs);
    return fn.apply(null, finalArgs);
  }
}
まず簡単な例を見ます.
function add(num1, num2) {
    return num1 + num2;
}

function curryAdd(num) {
    return num + 5;
}

add(2, 4); // 6
curryAdd(1); // 6
curryAddは明らかにコリック化の実現ではない.しかし、それはよくカリー化の思想を解釈しました.add ,curryAdd 上記curryingの関数でcurryAdd関数を構成します.
var curryAdd5 = currying(add, 5);

var curryAdd4 = currying(add, 4);

curryAdd5(1); // 6

curryAdd4(1); // 5
もう一つの古典的なajax例を見ます.
function Ajax() {
    this.xhr = new XMLHttpRequest();
}

Ajax.prototype.open = function(type, url, data, callback) {
    this.onload = function() {
    callback(this.xhr.responseText, this.xhr.status, thix.xhr);
  }

  this.xhr.open(type, url, data.async);
  this.xhr.send(data.paras);
}

['get', 'post'].forEach(function(type) {
    Ajax.prototype[type] = currying(Ajax.prototype.open, type);
})

var xhr = new Ajax();

xhr.get('/articles/list', {}, function(datas) {});

xhr.post('/articles/add', {}, function(datas) {});
get postの2つの方法は、「オプン」方式によって生み出された.
一般的なopen関数(任意のタイプが受け入れられます)から、柯里化成専用の関数get、post.
固定易変数
事前に変数の数を固定して、より明確なアプリケーション関数を生成します.最も典型的なコードはES 5定義のFuntions.prototype.bing関数です.
Function.prototype.bing = function(context) {
    var _this = this,
        slice = Array.prototype.slice,
        _args = slice.call(arguments, 1);

    return function() {
        return _this.apply(context, _args.concat(slice.call(arguments)))
    }
}
実行を遅らせる
绝えずコリ化して、入ってくるパラメータを蓄积して、最后に実行します.
function add() {
  var sum = 0, i, len;
    for (i = 0, len = arguments.length; i < len; i++) {
    sum += arguments[i];
  }
  return sum;
}

var currying = function(fn) {
    var _args = [];

    return function cb() {
        if (arguments.length === 0) {
            return fn.apply(this, _args);
        }

        Array.prototype.push.apply(_args, arguments);

        return cb;
    }
}

var curryingAdd = currying(add);

curryingAdd(1)(2)(3)(4)(); // 10

var add321 = curryingAdd(3)(2, 1);

add321(4)(); // 10
パフォーマンス
コリック化には確かにいくつかのオーバーヘッドがありますが、性能ボトルネックはまず他の理由(DOM操作など)から来ます.
別の角度から分析すると、この思考を使っても、コーリー化しなくても、コードはより複雑なモードに入ってしまい、より大きな出費になる可能性があります.
性能に関すること:
  • アクセスargmentsオブジェクトは、通常、アクセス名パラメータよりも少し遅いです.
  • いくつかの古いバージョンのブラウザはargments.lengthの実現にかなり遅いです.
  • は、fn.apply()とfn.cal()を使用するのは、直接呼出fn()よりも遅いです.
  • によって大量のネストされた作用領域とクローズドが作成されるとオーバーヘッドがもたらされる.コンテンツであれ、速度であれ.
  • のほとんどのボトルネックは、DOM動作
  • から来ています.
    締め括りをつける
    コリ化は論理学者のハスカル・ガリーによって命名されました.
    そのネーミングのように、関数コリック化が私たちにもたらしたのは、問題を解決する論理的思考方式です.