[JavaScript] 클로저와 커링 초간단 정리

클로저와 커링의 차이가 무엇일까?

클로저 함수 Closure

외부 함수의 변수에 접근 가능한 내부 함수. 내부함수를 리턴하는 외부함수가 존재할 때, 내부 함수에서 외부함수에 있는 변수를 조회하고 있으면 이런 현상을 클로저, 이런 함수를 클로저 함수라고 한다.

function outerFunc(num1, num2, num3) {
  return function (num2) {
    return function (num3) {
      return num1 * num2 * num3;
    };
  };
}

console.log(outerFunc(3)(5)(2));
// 30

커링 함수 Currying

함수 인자를 여러개 받는 대신에, 인자를 하나씩 분리하여 한 번에 한 인자를 받는 여러개의 함수로 만드는 것!

// 인자를 여러개 받는 함수
function outerFunc(num1, num2, num3) {
  return num1 * num2 * num3;
}

console.log(outerFunc(3, 5, 2));
// 30

위 함수는 num1,2,3 세 개의 인자를 받아 모든 값을 곱해 리턴하고 있다.

이 함수를 커링 함수 방식으로 변경하면 아래와 같다.

function outerFunc(num1) {
  return function (num2) {
    return function (num3) {
      return num1 * num2 * num3;
    };
  };
}

let res1 = outerFunc(3);
let res2 = res1(5);
let res3_1 = res2(2);
let res3_2 = res2(4);

console.log(res3_1, res3_2);
// 30 60

각각의 함수 실행 결과를 변수에 담고, 특정 고정값에 전달인자를 바꿔 호출할 수 있다. 

SUMMARY

커링과 클로저는 별개의 것이 아니고, 클로저 현상을 활용한 하나의 기술이다. 커링 함수를 사용하면 인자의 일부를 고정 값으로 두고 나머지 인자를 변화시켜 여러 값을 만들 수 있어서 유용하다!