커링 Currying 과 클로저

📍 클로저 간단 복습

클로저는,
현재의 유효범위를 넘어 스코프 체인으로 연결된 객체나 변수를 참조할 수 있게 해준다.
간단하게는 "함수와 함수가 선언된 어휘적 환경의 조합" 으로 정의된다.

✔ 장점
•  함수 내에 있는 변수를 재활용할 수 있다.
•  참조하고 있는 변수를 외부에 노출시키지 않을 수 있다. 은닉 가능

✔ 단점
•  클로저 함수를 남발하면 메모리 누수가 발생한다.

 

 

📌 커링을 공부하게 된 계기

 

코드를 작성하면서 은연중에 클로저를 사용하고 있다는 건 안다.

하지만 효과적으로 사용하고 있냐는 질문에는 자신있게 대답을 못하겠더라 .. ㅎ 

그래서 실제 클로저 예시를 찾아보게 되었다 !-!

 

 

📌 커링 Currying

커링은 f(a, b, c) 처럼 단일 호출로 처리하는 함수를
f(a)(b)(c) 와 같이 각각의 인수가 호출 가능한 프로세스로 변환하는 것이다.
커링은 함수를 호출하지 않는다. 단지 변환할 뿐이다.

 

// 커링 변환을 하는 curry(f) 함수
function curry(f){
  return function(a){
    return function(b){
      return f(a, b);
    };
  };
}

// 실제 함수
function sum(a, b){
  return a + b;
}

let curriedSum = curry(sum);     // 함수 변환 !

console.log( curriedSum(1)(2) )  // 3

 

인자 따로따로 주면 어떤 값을 리턴하나 궁금해서 해봤다 ㅇㅅㅇ

 

근데 그래서 이거 왜 쓴다고 ..?

굳이 이렇게 인자 나눠가면서 까지 커링을 써야하나 싶음.

 

🔗 실제 (커링을 쓰면 편리한) 예시

 

// 정보를 형식화하고 출력하는 로그 함수 log(date, importance, message) 가정
// 실제 프로젝트에서 이런 함수는 네트워크를 통해 로그를 보내는 것과 같은 유용한 기능을 제공!-!
// (lodash의 currying함수의 도움을 받아 구현)

import _ from 'lodash';

function log(date, importance, message){
  alert(`[${date.getHours()}:${date.getMinutes()}] [${importance}] ${message}`);
}

let log = _.curry(log);

log(new Date(), "DEBUG", "some debug");  // log(a, b, c);
log(new Date())("DEBUG")("some debug");  // log(a)(b)(c);

// partially 적용된 함수 === partial 함수

// ex. 01 현재 시간으로만 출력하는 log 함수
// logNow는 log의 첫 번째 인수가 고정된 partial이 된다.
let logNow = log(new Date());
logNow("INFO", "message");       // [HH:mm] INFO message

// ex. 02 디버깅 로그를 편리하게 하는 함수
let debugNow = logNow("DEBUG");
debugNow("message");             // [HH:mm] DEBUG 메세지

// -> 커링, 이렇게 활용할 수 있다 😁👍🏻

 

아 ... 이렇게 반복적으로 필요한 요소를 중복적으로 선언하지 않고 활용할 수 있는 게 커링이구나 !! 싶다

클로저의 장점과도 부합하는 ㅇㅇ 오 신기 ... 😮😮😮

 

 

🔗 (참고해두면 좋은) 다중 인수를 허용하는 커링 함수

 

function curry(func){
  
  return function curried(...args1){
    if(args1.length >= func.length){
      return func.apply(this, args1);
    } else {
      return function(...args2){
        return curried.apply(this, args.concat(args2));
      }
    }
  };
  
}

 

function sum(a, b, c){
  return a + b + c;
}

let curriedSum = curry(sum);

console.log( curriedSum(1, 2, 3) ); // 6 단일 callable 형식으로 호출
console.log( curriedSum(1)(2, 3) ); // 6 첫 번째 인수만 커링
console.log( curriedSum(1)(2)(3) ); // 6 인수 모두 커링