📢 원문 링크

• "Master the javascript interview: what is a closure?" by Eric Elliott

이 글은 Eric Elliott의 "Master the javascript interview: what is a closure?"의 글을 토대로 작성되었음을 미리 알린다.

😁 4천만원의 가치

• 미국에서 시니어와 주니어 개발자의 몸 값은 4천만원 정도 차이가 난다.
• 그 기준이 될 수 있는 인터뷰 질문 중 대표적인 것이 클로저이다.

😎 클로저

• 클로저란 "lexical environment"에 대한 참조값을 포함한 여러가지 함수들을 한 데 모은 것을 의미한다.
• 다시말해, 클로저가 있기 때문에 당신은 내부 함수에서 외부 함수로 접근할 수 있는 것이다.
• 자바스크립트에서 클로저는 함수가 생성될 때마다 매번 생성된다.
• 클로저를 사용하려면 다른 함수의 내부 함수로 새로운 함수를 정의하고 이를 노출시켜라.
• 여기서 노출시킨다는 것은 return 하거나 다른 함수의 인자로 전달하라는 의미이다.
• 그러면 이제 내부함수는 심지어 외부함수가 return 된 이후에도 외부 함수의 변수들에 접근할 수 있는 권한을 갖게 된다.

🤔 데이터를 숨기고 보호하기 위한 목적

• 클로저는 흔히 데이터를 숨기기 위해 사용된다.
• Data privacy is an essential property that helps us program to an interface, not an implementation.
• 만약 당신이 클로저를 사용한다면, 숨겨진 변수는 외부함수의 범위 안에만 있을 것이다.
• 그리고 이는 미리 정의된 메서드 이외의 방법으로는 처리할 수 없게 된다.

🤩 예제 코드

👨🏻 예제 1

const getSecret = (secret) => {
  return {
    get: () => secret
  };
};

const expected = 1;
const obj = getSecret(1);
const actual = obj.get();
console.log(actual, expected);

👩🏻 예제 2

const partialApply = (fn, ...fixedArgs) => {
  return function (...remainingArgs) {
    return fn.apply(this, fixedArgs.concat(remainingArgs));
  };
};

const add = (a, b) => a + b;
const add10 = partialApply(add, 10);
const actual = add10(5);
const expected = 15;
console.log(actual, expected)
});