본문 바로가기

자바스크립트 클로저2

[ 모던 자바스크립트 스터디 ] 클로저(closure) MDN 에서 클로저는 아래와 같이 정의한다. 클로저는 함수와 그 함수가 선언된 렉시컬 환경과의 조합이다. const x = 1; function outerFunc() { const x = 10; function innerFunc() { console.log(x); // 10 } innerFunc(); } outerFunc(); const x = 1; function outerFunc() { const x = 10; innerFunc(); } function innerFunc() { console.log(x); // 1 } outerFunc(); 자바스크립트는 렉시컬 스코프를 따르는 프로그래밍 언어기 때문에, 두 코드의 실행 결과가 차이가 있는 것이다. 아마 예에전의 포스팅에서도 한번 다뤘었을텐데, 자바스.. 2022. 10. 14.
[ JavaScript ] 자바스크립트 기본 문법 | 내장 함수 & 클로저 개념| Private Variable 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: 내부함수 자바스크립트는 함수 안에서 또 다른 함수를 선언할 수 있습니다. 예시로 살펴보는 것이 더 쉬워요. function outter(){ function inner(){ var title = 'test'; console.log(title); } inner(); } outter(); 위의 예제에서 함수 outter의 내부에는 함수 inner가 정의 되어 있습니다. 여기서 함수 inner를 내부 함수라고 하는 것 입니다. 내부함수는 외부함수의 지역변수에 접근할 수 있습니다. function outter(){ var title = 'test'; function inner(){.. 2021. 2. 3.