커링 (Currying)

커링 (Currying)

함수와 함께 사용하는 고급 기술
f(a, b, c) 처럼 단일 호출로 처리하는 함수를
f(a)(b)(c) 와 같이 각각의 인수가 호출 가능한 프로세스로 호출된 후 병합될 수 있게 변환하는 것
함수를 호출하는 것이 아니라 함수를 변환하는 것

 

예시 1)

const makeFood = (ingredient1) => {
  return (ingredient2) => {
    return (ingredient3) => {
      return `${ingredient1}, ${ingredient2}, ${ingredient3}`;
    }
  }
}

const hamburger = makeFood("Bread")("Ham")("Tomato");
console.log(hamberger); // Bread, Ham, Tomato

 

아래와 같이 생략해서 작성 가능

모든 인수를 전달해 주어야 정상적으로 값이 리턴됨

const cleanerMakeFood = ingredient1 => ingredient2 => ingredient3 =>
  `${ingredient1}, ${ingredient2}, ${ingredient3}`;


const newHamburger = cleanerMakeFood("Bread")("Ham")("Tomato");
console.log(newHamburger); // Bread, Ham, Tomato

 

예시 2)

const sum = (x, y) => x + y;

const curriedSum = x => y => x + y;

console.log(sum(10, 20)); // 30
console.log(curriedSum(10)); // y => x + y
console.log(curriedSum(10)(20)); // 30

const tenPlus = curriedSum(10);
console.log(tenPlus); // y => x + y
console.log(tenPlus(100)); // 110, curriedSum(10)(100) 과 동일

 

예시 3)

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

log(new Date(), "DEBUG", "some debug");

 

f(a, b, c) 함수를 f(a)(b)(c) 함수로 변환하기

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

const curriedLog = curry(log);
let logNow = curriedLog(new Date()); // new Date는 고정값 (partial)
logNow("INFO", "message");

---

파라미터 갯수에 상관 없이 다이나믹하게 커링 변환하기

const sum = (x, y, z, j) => x + y + z + j;

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

const curried = curry(sum);
console.log(curried(1)(2)(3)(4)); // 10