[TS/JS] 처리를 공통화하는 기술

세상에는 흥분되는 일이 많지만, 가장 흥분되는 것은 고급 함수를 정의할 때다!

  const add3 = (x: number) => x+3

  const double = (x:number) => x*2

  const main1 = () => (n :number) => {
        const x = add3(n+3)
	
　　　　　　　　　　　　　　　　// ↓同じ処理
        const y = double(x)
        const z = double(x+y) + add3(y-x) + 7
        return (z+1).toString()

  }

  const main2 = () => (n :number) => {
        const x = add3(n-1)
	
　　　　　　　　　　　　　　　　// ↓同じ処理
        const y = double(x)
        const z = double(x+y) + add3(y-x) + 7
        return (z+1).toString()

}

// ここで関数の型をかくのが面倒なので関数を表す型に名前をつけます。
type Reader<A, B> = (args: A) => B;

const wrapper = (wrapped: Reader<number, number>): Reader<number, string> => (item => {
    const x = wrapped(item)
    
    const y = double(x)
    const z = double(x+y) + add3(y-x) + 7
    return (z+1).toString()
})

const main1 = () => wrapper((n :number) => add3(n + 3))

const main2 = () => wrapper((n :number) => add3(n - 1))