[JS] 클로저 & 메모리 누수 & 콜스택, task queue

클로저 (closure)

클로저 예시1) 클로저를 사용해서 count 하는 방법

 

 

 

클로저 예시2) 클로저 이용해 click event 제어하기

상단 주석은 클로저 사용하지 않고 상태 관리하는거.

클로저를 사용하면 재사용에 용이

h1El에서 사용된 createToggleHandeler와 h2El에서 사용된 createToggleHandeler는 서로 영향을 주지 않음.

 

 

메모리 누수

1. 불필요한 전역 변수 사용

2. 분리된 노드 참조

3. 해제하지 않은 타이머

4. 잘못된 클로저 사용

 

 

js 실행 순서 (call stack, web api, task queue(callback queue))

- js 프로그래밍언어에서 직접적으로 동작가능한 것은 JS call stack에 쌓여서 바로 실행
 (소모할 수 있는 것은 바로바로 소모. ex. console.log는 들어오자마자 바로 소모)

- set Timeout()같이 js내부에서 지원하는 함수가 아닌 경우 web api의 도움받아 실행 -> Task queue에 쌓임

- call stack이 완전히 비워져야 task queue에 있는 것을 하나씩 넣을 수 있음.