일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 가상 dom
- props와 state 차이점
- MPA
- 변수 생성 단계
- 주소창에 naver 입력시 일어나는 일
- 클라이언트 사이드 렌더링
- 세션 스토리지
- 실행 컨텍스트
- 이벤트 버블링
- CORS
- 프로미스
- 서버 사이드 렌더링
- 자바스크립트의 클래스
- 자바스크립트 함수
- 리액트
- 브라우저 렌더링원리
- async/await
- 로컬 스토리지
- react
- 호이스팅
- webpack
- 얕은 복사
- polyfill
- undeclared
- 이벤트 캡처링
- 깊은 복사
- 리액트의 생명 주기
- CSS
- 자바스크립트
- 스코프 체인
Archives
- Today
- Total
목록클로저 (1)
Gapus Dev Blog
[자바스크립트] 클로저
클로저란? 함수와 함수가 선언된 렉시컬 환경의 조합으로 함수가 선언될 당시의 스코프 체인을 기억하고, 함수가 호출될 때에도 그 스코프 체인을 참조하여 변수에 접근할 수 있게 해준다. 동작 원리 함수가 선언될 때, 해당 함수의 렉시컬 환경이 생성된다. 이 렉시컬 환경에는 함수 내부에서 선언된 변수들과 그 값을 담고 있는 스코프 체인이 포함된다. 클로저는 외부 함수의 변수에 접근할 수 있다. 이는 내부 함수가 외부 함수의 변수를 계속해서 참조할 수 있게 해준다. 함수가 반환되거나 다른 함수에 전달될 때, 클로저가 형성된다. 예시 function outerFunction() { var outerVariable = 'Outer'; return function innerFunction() { console.log..
프론트엔드/JavaScript
2023. 10. 28. 14:20