JavaScript 関数のカリー化

// これは3つのパラメータを受け入れる関数です。const add = function(x, y, z) {
  x + y + zを返す
}

// 単一のパラメータを受け入れる const curryingAdd = function(x) {
  // 残りのパラメータを受け入れる関数を返します return function(y, z) {
    x + y + zを返す
  }
}

// 追加を呼び出す
加算(1, 2, 3)
 
// curryingAdd を呼び出す
カレー化追加(1)(2, 3)
// もっとわかりやすく見てみましょう。これはconst fn = curryingAdd(1)と同等です。
関数(2, 3)

const curryingAdd = function(x) {
  関数(y)を返す{
    関数(z)を返す{
      x + y + zを返す
    }
  }
}
// curryingAdd(1)(2)(3) を呼び出す
// つまり、const fn = curryingAdd(1)
定数fn1 = fn(2)
fn1(3)

/**
 * @description 正規表現検証文字列を渡します* @param {RegExp} regExp 正規表現オブジェクト* @param {String} str 検証する文字列* @return {Boolean} 検証に合格したかどうか*/
関数 checkByRegExp(regExp, str) {
    regExp.test(str) を返す
}

// 電話番号を確認します checkByRegExp(/^1\d{10}$/, '15152525634'); 
checkByRegExp(/^1\d{10}$/, '13456574566'); 
checkByRegExp(/^1\d{10}$/, '18123787385'); 
// メールをチェック checkByRegExp(/^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/, '[email protected]'); 
checkByRegExp(/^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/, '[email protected]'); 
checkByRegExp(/^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/, '[email protected]');

// 関数をカリー化する function checkByRegExp(regExp) {
    関数(str)を返す{
        regExp.test(str) を返す
    }
}

// 電話番号をチェック const checkPhone = curryingCheckByRegExp(/^1\d{10}$/)
// メールをチェック const checkEmail = curryingCheckByRegExp(/^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/)

// 電話番号を確認する checkPhone('15152525634'); 
電話番号を確認してください('13456574566'); 
電話番号を確認してください('18123787385'); 
// メールを確認する checkEmail('[email protected]'); 
メールアドレスを確認してください('[email protected]'); 
メールアドレスを確認してください('[email protected]');

/**
 * @説明： 
 * @param {object} element DOM要素オブジェクト* @param {string} type イベントタイプ* @param {Function} fn イベント処理関数* @param {boolean} isCapture キャプチャするかどうか* @return {void}
 */
関数 addEvent(要素, タイプ, fn, isCapture) {
    ウィンドウにイベントリスナーを追加する場合
        要素.addEventListener(type, fn, isCapture)
    } それ以外の場合 (window.attachEvent) {
        要素.attachEvent("on" + タイプ, fn)
    }
}

関数curryingAddEvent() {
    ウィンドウにイベントリスナーを追加する場合
        関数(要素、タイプ、fn、isCapture)を返す{
            要素.addEventListener(type, fn, isCapture)
        }
    } それ以外の場合 (window.attachEvent) {
        関数(要素、型、関数)を返す{
            要素.attachEvent("on" + タイプ, fn)
        }
    }
}
const addEvent = curryingAddEvent()
 
// 即時実行関数を使用して上記のコードをマージすることもできます const addEvent = (function curryingAddEvent() {
  ...
})()

mode = window.addEventListener ? 0 : 1 とします。
関数 addEvent(モード、要素、タイプ、fn、isCapture) {
  モード === 0 の場合
    要素にイベントリスナーを追加します(type、fn、isCapture);
  } それ以外の場合 (モード === 1) {
    要素.attachEvent("on" + タイプ、fn);
  }
}
// この方法では、カリー化後に最初にパラメータを受け入れることができます。 function curryingAddEvent(mode) {
    モード === 0 の場合
        関数(要素、タイプ、fn、isCapture)を返す{
            要素.addEventListener(type, fn, isCapture)
        }
    } それ以外の場合 (モード === 1) {
        関数(要素、型、関数)を返す{
            要素.attachEvent("on" + タイプ, fn)
        }
    }
}

/**
 * @description: 関数をカリー化するためのツール関数* @param {Function} fn カリー化される関数* @param {array} args すでに受け取った引数のリスト* @return {Function}
 */
const カリー化 = function(fn, ...args) {
    // fn に必要なパラメータの数 const len ​​= fn.length
    // 残りのパラメータを受け取る関数を返す return function (...params) {
        // 受信したパラメータリストと新しく受信したパラメータリストを連結する let _args = [...args, ...params]
        // 受け取ったパラメータの数が足りない場合は、残りのパラメータを受け取るための新しい関数を返し続けます if (_args.length < len) {
            currying.call(this, fn, ..._args) を返します
        }
       // すべてのパラメータを受け取ったら、元の関数を呼び出します。 return fn.apply(this, _args)
    }
}

// ツール関数を直接使用して、電話番号とメールアドレスを確認する関数を返します。const checkPhone = currying(checkByRegExp(/^1\d{10}$/))
const checkEmail = カリー化(checkByRegExp(/^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/))