14장. 클로저

[ 목차 ]

1. 클로저

2. 클로저를 활용한 상태유지

 

1. 클로저

1) 자바스크립트 고유의 개념이 아닌 함수를 일급 객체로 취급하는 함수형 프로그래밍 언어에서 사용되는 특성

2) 함수와 그 함수가 선언됐을 때의 렉시컬 환경과의 조합 = 자신이 생성될 때의 환경을 기억하는 함수

3) 렉시컬 환경 : 내부 함수가 선언됐을 때의 스코프를 의미

4) 외부 함수 밖에서 내부 함수가 호출되더라도 외부 함수의 지역 변수에 접근 가능

 

2. 클로저를 활용한 상태유지

1) 현재 상태를 기억하고 변경된 최신 상태를 유지하는 것

2) 즉시실행함수는 함수를 반환하고 즉시 소멸

3) 즉시실행함수가 반환한 함수는 자신이 생성됐을 때의 렉시컬 환경에 속한 변수 isShow를 기억하는 클로저

4) 클로저를 이벤트 핸들러로서 이벤트 프로퍼티에 할당

5) 버튼을 클릭하면 이벤트 핸들러인 클로저가 호출되고 isShow의 값이 변경하며, 자신의 변경된 최신 상태를 게속 유지