JS の compose 関数と pipe 関数の使い方の詳細な説明

定数計算 = x => (x + 10) * 10;
res = calculate(10);とします。
コンソール.log(res); // 200

定数を追加します = x => x + 10;
定数乗算 = x => x * 10;

// 計算は 2 つの関数のネストされた計算に変更され、add 関数の戻り値は multiply 関数のパラメーターとして使用されます。let res = multiply(add(10));
console.log(res); // 結果は依然として200です

// パラメータは右から左に実行されるため、multiply が最初に実行され、add が最後に実行されます。let res = compose(multiply, add)(10);

定数arr = [[1, 2], [3, 4], [5, 6]];
// prevRes の初期値は渡された [] であり、各反復後に計算された値になります。const flatArr = arr.reduce((prevRes, item) => prevRes.concat(item), []);

console.log(flatArr); // [1, 2, 3, 4, 5, 6]

定数arr = [[1, 2], [3, 4], [5, 6]];
// prevRes の初期値は渡された [] であり、各反復後に計算された値になります。const flatArr = arr.reduceRight((prevRes, item) => prevRes.concat(item), []);

console.log(flatArr); // [5, 6, 3, 4, 1, 2]

const compose = 関数(){
  // 受信したパラメータを配列に格納します。args == [乗算、加算]
  const args = [].slice.apply(引数);
  関数(x)を返す{
    args.reduceRight((res, cb) => cb(res), x) を返します。
  }
}

// このメソッドを検証してみましょう let calculate = compose(multiply, add);
res = calculate(10);とします。
console.log(res); // 結果は依然として200です

const compose = (...args) => x => args.reduceRight((res, cb) => cb(res), x);

const パイプ = 関数(){
  const args = [].slice.apply(引数);
  関数(x)を返す{
    args.reduce((res, cb) => cb(res), x) を返します。
  }
}

// パラメータの順序を左から右に変更します。let calculate = pipe(add, multiply);
res = calculate(10);とします。
console.log(res); // 結果は依然として200です

const パイプ = (...args) => x => args.reduce((res, cb) => cb(res), x)