작성한 질문수 20

3

이 자리에서 클로저의 정의를 자세히 설명해 드리는건 수업의 범위에서 많이 벗어납니다.
하여, 여기서는 질문하신 내용에 대한 최소한의 이해를 돕는 정도로만 소개드려 보도록 하겠습니다.

MDN에서는 클로저를 다음과 같이 소개하고 있습니다.

이 중 '외부함수'와 '내부함수'의 관계를 클로저라고 하며, 흔히 외부함수에서 선언된 변수나 인자를 내부함수가 참조하는 경우를 일컫습니다.

예로, 다음 함수 originalFunc는

const originalFunc = (id: string) => () => { console.log(id) }

풀어쓰면 다음과 같습니다.

const orginalFunc = (id: string) => {
  return () => {
    console.log(id)
  }
}

위 코드는 다음과 동작상에 차이가 없습니다.

const orginalFunc = (id: string) => {
  const innerFunc = () => {
    console.log(id)
  }
  return innerFunc
}

이 상태에서 보면, 내부함수인 innerFunc에서 originalFunc의 인자 id를 참조하고 있습니다.
이는 클로저 현상을 활용한 대표적인 사례에 해당합니다.

이후 어디선가 originalFunc('abc')를 실행하면 함수 자체가 반환될 뿐이지만,
이 반환된 함수를 변수 a에 담아 다시 호출하면 ( a() ) 그 결과로 abc가 반환될 것입니다.

이보다 자세한 내용은 자바스크립트 이론서나 이론강의 등을 통해 학습하시기 바랍니다.