728x90
내부함수
스코프
현재 실행되는 컨텍스트를 말합니다.
여기서 컨텍스트는 값과 표현식이 **"표현"**되거나 참조 될 수 있음을 의미합니다.
만약 변수 또는 다른 표현식이 "해당 스코프"내에 있지 않다면 사용할 수 없습니다.
스코프는 또한 계층적인 구조를 가지기 때문에 하위 스코프는 상위 스코프에 접근할 수 있지만 반대는 불가합니다.
출처 : MDN
클로저
클로저는 주변의 상태 (lexical environment)의 참조와 함께 번들로 묶인 함수의 조합입니다.
즉, 클로져는 우리에게 inner함수에서 outer함수의 스코프에 접근을 가능하게 해줍니다.
자바스크립트에서 클로저는 함수가 생성될 때마다 생성됩니다.
출처 : MDN
내부함수 예제
function func() {
console.log("콘솔이 실행되었습니다.1");
}
function callback(str) {
console.log("콘솔이 실행되었습니다.2");
str();
}
callback(func);
결과 확인하기
728x90
반응형
'JavaScript' 카테고리의 다른 글
JavaScript - 클래스 함수 (3) | 2022.09.20 |
---|---|
JavaScript - 객체구조활당 (4) | 2022.09.20 |
JavaScript - 콜백 함수 & 재귀함수 (2) | 2022.09.20 |
JavaScript - 펼침연산자 (5) | 2022.09.20 |
요소 크기 (14) | 2022.09.01 |
댓글