함수형 프로그래밍 - 화살표 2개 함수 이해하기

함수와 변수 x를 받아서 함수에 변수 x 를 넣은 값을 반환하는 함수 fnc1 가 있다고하자.

const fnc1 = (paraFnc, x) => paraFnc(x);

 

이것을 화살표 함수 2 개를 쓴 함수로 바꿔서 사용할 수 있다.

const fnc2 = (paraFnc) => x => paraFnc(x);

 

왜냐면 이 화살표 2개짜리 함수는 아래의 함수와 같기 때문이다. 

function fnc3 (paraFnc) {
  return function(x) {
     return paraFnc(x)
  }
}

//fnc3 함수는 paraFnc함수를 받아서,
// x를 받아 paraFn(x)를 반환하는 익명함수를 반환한다.

 

테스트 결과는 다음과 같다.

//파라미터로 들어갈 함수 
const double = x => x * 2


//fnc1 
fnc1(double , 3) //6

//fnc2 
fnc2(double)(3)  //6

//fnc3
fnc3(double)(3)  //6

 

 

코드펜에서 코드로 확인하면 쉽게 이해할 수 있다.
이제 pipe함수를 이해할 준비가 되었다!

https://fe-j.tistory.com/entry/함수형-프로그래밍-pipe

함수형 프로그래밍 pipe

 

 

 

 

See the Pen 매개변수 2번받을래 아니면 화살표 2개써서 쓸래 by JEONG (@cona) on CodePen.