JS関数のカリー化の詳細な説明

関数fn() {
    20を返します。
}
console.log(fn + 10); // 出力は何ですか?

関数fn() {
    20を返します。
}
 
fn.toString = 関数() {
    10 を返します。
}
 
console.log(fn + 10); // 出力は何ですか?

関数fn() {
    20を返します。
}
 
fn.toString = 関数() {
    10 を返します。
}
 
fn.valueOf = 関数() {
    5を返します。
}
 
console.log(fn + 10); // 出力は何ですか?

// 出力結果は function fn() {
    20を返します。
}
10
 
20
 
15

// コールバック関数には 3 つのパラメータがあります // 最初のパラメータは newArr 内の各項目を表し、2 番目のパラメータは配列内の項目のインデックス値を表します // 3 番目のパラメータは配列自体を表します // さらに、コールバック関数内の this では、2 番目のパラメータが map に存在しない場合は失われたオブジェクトを指し、2 番目のパラメータが存在する場合はパラメータによって設定されたオブジェクトを指します var newArr = [1, 2, 3, 4].map(function(item, i, arr) {
    console.log(item, i, arr, this); // 試してみる return item + 1; // 各項目に 1 を加算する
}, { a: 1 })
 
console.log(newArr); // [2, 3, 4, 5]

Array.prototype._map = function(fn, context) {
    var temp = [];
    if(typeof fn == '関数') {
        var k = 0;
        var len = this.length;
        // forループ処理をカプセル化 for(; k < len; k++) {
            // 各操作を fn に投入し、call メソッドを使用して fn の this ポインタと特定のパラメータを指定します temp.push(fn.call(context, this[k], k, this))
        }
    } それ以外 {
        console.error('TypeError: '+ fn +' は関数ではありません。');
    }
 
    // 各操作の結果で構成される新しい配列を返します return temp;
}
 
var newArr = [1, 2, 3, 4]._map(関数(項目) {
    アイテム + 1 を返します。
})
// [2, 3, 4, 5]

関数 add(a) {
    関数(b)を返す{
        a + b を返します。
    }
}
 
コンソール.log(add(1)(2)); // 3

関数 add(a) {
    関数(b)を返す{
        関数を返す (c) {
            a + b + c を返します。
        }
    }
}
 
コンソール.log(add(1)(2)(3)); // 6

関数add(){
    // 初めて実行するときに、すべてのパラメータを格納する配列を定義します var _args = [].slice.call(arguments);
 
    // 内部で関数を宣言し、クロージャ機能を使用して_argsを保存し、すべてのパラメータ値を収集します。var adder = function() {
        var _adder = 関数() {
            [].push.apply(_args、[].slice.call(引数));
            _adder を返します。
        };
 
        // 暗黙的な変換機能を使用すると、関数が最終的に実行されるときに暗黙的な変換が実行され、最終的な値が計算されて返されます _adder.toString = function () {
            _args.reduce(関数(a, b) {を返す
                a + b を返します。
            });
        }
 
        _adder を返します。
    }
    adder.apply(null, [].slice.call(arguments)) を返します。
}
 
// 結果を出力します。パラメータは自由に組み合わせることができます。 console.log(add(1, 2, 3, 4, 5)); // 15
コンソール.log(add(1, 2, 3, 4)(5)); // 15
コンソール.log(add(1)(2)(3)(4)(5)); // 15

var arr = [1, 2, 3, 4, 5];
 
// 実際の開発では、新しいメソッドでArrayを直接拡張することは推奨されません // これは単にそれをより明確に示すための方法です Array.prototype.merge = function(chars) {
    this.join(chars) を返します。
}
 
var 文字列 = arr.merge('-')
 
console.log(文字列); // 1-2-3-4-5

var arr = [1, 2, 3, 4, 5];
 
Array.prototype.merge = function(chars, number) {
    this.map(function(item) { を返す
        アイテム + 番号を返します。
    }).join(文字);
}
 
var 文字列 = arr.merge('-', 1);
 
console.log(文字列); // 2-3-4-5-6

var arr = [1, 2, 3, 4, 5];
 
Array.prototype.merge = function(chars, number) {
    this.map(function(item) { を返す
        アイテム番号を返します。
    }).join(文字);
}
 
var 文字列 = arr.merge('~', 1);
 
console.log(文字列); // 0~1~2~3~4

// カプセル化は非常に簡単で、1 つの文で完了します Array.prototype.merge = function(fn, chars) {
    this.map(fn).join(chars) を返します。
}
 
var arr = [1, 2, 3, 4];
 
// 難しいのは、実際に使用する際の操作をどのように定義するか、そして渡された num パラメータをクロージャを使用して保存するかです。var add = function(num) {
    関数(項目)を返す{
        アイテム + 数値を返します。
    }
}
 
var red = 関数(数値) {
    関数(項目)を返す{
        アイテム番号を返します。
    }
}
 
// 各項目に 2 を加算してマージします var res1 = arr.merge(add(2), '-');
 
// 各項目から2を減算して結合します。var res2 = arr.merge(red(1), '-');
 
// コールバック関数を直接使用して、各項目を2倍にしてマージすることもできます。var res3 = arr.merge((function(num) {
    関数(項目)を返す{
        アイテム * 番号を返す
    }
})(2)、'-')
 
コンソール.log(res1); // 3-4-5-6
コンソールログ(res2); // 0-1-2-3
コンソールログ(res3); // 2-4-6-8

var カリー化 = function(fn) {
    var args = [].slice.call(引数, 1);
 
    関数()を返す{
        // 主な目的は、統一された計算のためにすべての必要なパラメータを配列に収集することです var _args = args.concat([].slice.call(arguments));
        fn.apply(null, _args) を返します。
    }
}
 
var sum = カリー化(function() {
    var args = [].slice.call(引数);
    args.reduce(function(a, b) { を返す
        a + b を返します。
    })
}, 10)
 
コンソール.log(合計(20, 10)); // 40
コンソール.log(合計(10, 5)); // 25

Object.prototype.bind = function(context) {
    var _this = これ;
    var args = [].prototype.slice.call(引数, 1);
 
    関数()を返す{
        _this.apply(コンテキスト、引数) を返す
    }
}