[JavaScript] 고차함수

고차함수는 함수를 값으로 다루는 함수이다.

 

함수를 인자로 받아서 실행하는 함수들을 살펴보자.

const funcAdd = f => f(1);

const add10 = a => a + 10;

console.log(funcAdd(add10));

위 funcAdd 함수는 console.log에서 인자로 add10함수를 받는다.

당연하게 결과는 11로 예상할 수 있다.

 

함수를 만들어 리턴하는 경우도 있다. 이런 경우를 클로저를 만들어 리턴하는 함수라고 말한다.

함수가 함수를 만들어서 리턴할때는 결국은 클로저를 만들어서 리턴하기 위해 사용한다.

아래 예시를 확인해보자, 우리가 써보지 못한 느낌의 arrow Func 로 적혀있다.

const add = a => b => a + b;

const add10 = add(10);

위 add10을 console로 찍어보면 

b => a + b가 리턴된다.

 

그러나 add10 함수에서 현재 a값은 10으로 정의되어 있기에 a는 클로저로 동작한다. a의 값을 항상 10으로 기억되도록 클로저가 만들어져 있다.

const add = a => b => a + b;

const add10 = add(10);

console.log(add10(5));
console.log(add10(10));

위 결과는 당연히 15, 20이 출력되는 걸 확인할 수 있다.

 

arrow func이  한 함수에 연속으로 여러개 정의되어 있으면 그냥 간단하게 클로저로 동작하기 위한 함수라도 이해하고 넘어가자!