📸 2022-08-03

🔥 오늘 어디에 도전해보셨고, 무엇을 배우셨나요?

• React의 state 스케줄링과 useMemo
• 자바스크립트의 클로저

🌊 학습하시면서 궁금하신 부분이나, 어려웠던 점은 뭘까요?

🌟 내일은 어떻게 해보고 싶으세요?

• useMemo와 클로저 다시 정리하기

---

자바스크립트 클로저

🔖 함수를 만들고 그 함수 내부의 코드가 탐색하는 스코프를 함수 생성 당시의 렉시컬 스코프로 고정하면 바로 클로저가 되는 것이다.

🔖 개념적으로 자바스크립트의 모든 함수는 클로저이지만, 내부 함수가 포함된 함수(여기서는 outer)의 외부에서 내부 함수(여기서는 inner)를 호출하여 외부 함수의 스코프를 참조하면 클로저라고 한다.

const outer(param){
    const outerParam = `outer : ${param}`;

    const inner(){
        console.log(outerParam);
    }

    return inner;
}


//outer는 inner함수를 반환한다.
const closure = outer("CLOSURE");

//inner 함수가 생성된 outer 함수의 실행이 종료되었어도 inner는 outer의 스코프에 접근할 수 있다.
closure();  //outer : CLOSURE

🐝 참고

Javascript Closure? 클로저? 그리고 클로저 사용해 module을 만들기!

자바스크립트의 스코프와 클로저