React Currying

5502 ワード
テキストリンク

React Currying?


複数のパラメータを固定する新しい関数を作成する方法です.
言うのはちょっと難しい.
複数のパラメータの関数を複数のパラメータに分離する方法!
function helloFunc(word, name) {
   console.log(`${word}, ${name}`);
}
このような関数があれば
helloFuncfという名前の関数はwordとnameをパラメータとする
console.logを使用してコンソールウィンドウにwordとnameを表示する関数
この関数にCurryingを適用しようとすると、
function helloFunc(word) {
    return function (name) {
        console.log(`${word}, ${name}`);
    };
}
const printHello = helloFunc("hello"); 

printHello("Tibetan Fox"); // hello, Tibetan Fox

printHello("Tiger");       // hello, Tiger
n(2)個の受信パラメータの関数をn(2)個に分ける
最初に受け取ったパラメータwordをhelloに固定し、nameを変更するだけで使用できます.
いくつかのパラメータで同じ値を繰り返して繰り返しパラメータを固定することにより、繰り返しパラメータを最小化することができ、これは非常に適切な方法である.
矢印関数に変えてみましょう
const helloFunc =(word)=>(name) => {
  console.log(`${word}, ${name}`);
}

注意点


[トリム](Trim)メソッドを適用する場合、パラメータの順序は非常に重要です.
小さい可変パラメータは前に、大きい可変パラメータは後ろに置くべきです.
この点を考慮してカードリングを使用する必要があります.
ソース-https://tibetsandfox.tistory.com/32
Comparableインタフェース実装セットのソート
ソート・シリーズ(2)--クイック・ソート