[javascript] 클로저

[모던자바스크립트] 

 

8.6.1 클로저

: 외부함수(포함하고 있는)의 변수에 접근할 수 있는 내부 함수를 일컫습니다.

: 스코프 체인(scope chain)으로 표현되기도 합니다.

: 자바스크립트의 클로저는 함수객체와 렉시컬 환경 컴포넌트의 집합

 

 

See the Pen [javascript] 클로저 by jeongahlee (@jeongahlee) on CodePen.

 

 

 

전역변수를 사용한 예제

See the Pen mdeJewW by jeongahlee (@jeongahlee) on CodePen.

 

 

 

지역변수를 사용한 예제

See the Pen [Javascript] by jeongahlee (@jeongahlee) on CodePen.

 

 

 

클로저를 활용한 예제

See the Pen [javascript] 클로저를 사용한 Counting by jeongahlee (@jeongahlee) on CodePen.

 

변수의 값은 누군가에 의해 언제든지 변경될 수 있어 오류 발생의 근본적 원인이 될 수 있습니다.
상태 변경이나 가변(mutable) 데이터를 피하고 불변성(Immutability)을 지향하는 함수형 프로그래밍에서 
부수 효과(Side effect)를 최대한 억제하여 오류를 피하고 프로그램의 안정성을 높이기 위해 클로저는 적극적으로 사용된다.

 

 

 반복문 안에서 클로저 만들기

See the Pen [javascript] 반복문 안에서 클로저 만들기 by jeongahlee (@jeongahlee) on CodePen.

 

 

 

참고 사이트 : https://poiemaweb.com/js-scope 

참고 사이트 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Closures