go

<aside> 💡 함수형 프로그래밍에서는 코드를 값으로 다루는 아이디어를 많이 사용한다 코드를 값으로 다룰수 있기 때문에 어떤 함수가 코드인 함수를 받아서 평가하는 시점을 원하는대로 다룰수 있게 된다 → 코드의 표현력을 높히는 많은 아이디어 발생!

</aside>

• 아래의 예시를 통해서 알아보자
• go라는 함수는 매개변수들의 최종 값들이 다음 매개변수의 변수가 돼서 최종 값을 리턴하는 함수로 구현하고 싶다

go(
  0,
  (a) => a + 1,
  (a) => a + 10,
  (a) => a + 100
)

<aside> 💡 어떻게 진행할까?

</aside>

// 나머지 연산자를 통해서 배열행태로 변수들을 받는다
// 이는 곳 iterable한 상태로 reduce를 사용할 수 있다는 뜻!
const log = console.log
const go = (...args) => reduce((acc, f) => f(acc), args)

go(
  0,
  (a) => a + 1,
  (a) => a + 10,
  (a) => a + 100,
	log
) // 111

<aside> 💡 이렇게 원하는 방식으로 함수의 조합. 변경에 굉장히 용이하다는 것을 알 수 있었다 아주 흥미롭고 재밋다..

</aside>

목차로 이동🚀

pipe

• 위에서 구현한 go는 첫번째 매개변수에 원하는 값을 넣어서 나머지 변수에 존재하는 함수를 순회해서 원하는 최종값을 얻었다면
• 이번에는 아래와 같은 형태로 함수를 순회해서 원하는 최종값을 얻을 수 있도록 구현해보자

const log = console.log
const pipe = ?? // pipe를 정의하는게 목표!
  const f = pipe(
    (a) => a + 1,
    (a) => a + 10,
    (a) => a + 100
  )
  log(f(0))

• 초기값을 나중에 변수로 받는다면 우선 pipe는 함수를 리턴하는 함수로 작성해야 된다는 사실을 알 수 있다

const log = console.log
const pipe = (...args) => (acc) => reduce((el, f) => f(el), acc, args)
  const f = pipe(
    (a) => a + 1,
    (a) => a + 10,
    (a) => a + 100
  )
  log(f) // (acc) => reduce((el, f) => f(el), acc, args)
  log(f(0)) // 111

• 아래와 같이 전개연산자를 이용한 매개변수를 2개를 받는 형태도 가능하다

const log = console.log
const pipe =
    (f, ...fs) => (...el) => reduce((acc, f) => f(acc), f(...el), fs)
const f = pipe(
  (a, b) => a + b,
  (a) => a + 10,
  (a) => a + 100
)
log(f) // (...el) => reduce((acc, f) => f(acc))
log(f(1, 3)) // 114

<aside> 💡 이제 위에서 만들었던 go와 조합해서 pipe를 구현해보자

</aside>

pipe (go와 조합해서 만들기)