Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 티스토리꾸미기
- returnType
- 타입좁히기
- click and drag
- typescript
- React Native
- utilty type
- React.js
- const 단언문
- 성능최적화
- NonNullable
- 리액트
- javascript
- CSS
- 개발콘텐츠
- vue.js
- JS console
- 누구나 자료구조와 알고리즘
- reactjs
- 공통컴포넌트
- react
- 타입스크립트
- 커스텀
- 2022
- Chart.js
- 레이아웃쪼개기
- TSDoc
- 제네릭
- 반복줄이기
- 폰트적용하기
Archives
- Today
- Total
몽땅뚝딱 개발자
[Javascript] 실행 콘텍스트(Execution Context) 본문
출처
자바스크립트 중고급: 근본 핵심 이해 - 인프런 | 강의
4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있
www.inflearn.com
🚀 실행 콘텍스트(Execution Context)
◽ 실행 콘텍스트란?
함수가 실행되는 영역, 묶음으로 함수 코드를 실행하고 실행 결과를 저장한다.
함수를 호출하면 엔진은 실행 콘텍스트를 생성하고 그 안으로 이동한다.
◽ 실행 콘텍스트의 실행 단계
준비 단계 - 초기화 단계 - 코드 실행 단계
◽ 실행 콘텍스트의 생성 시점
실행 가능한 코드(함수 코드, 글로벌 코드, eval 코드)를 만났을 때 이다.
코드 유형을 3가지로 분리한 이유는 실행 콘텍스트에서 처리 방법과 실행 환경이 다르기 때문이다.
- 함수 코드: 정적 환경
- 클로벌 코드: 글로벌 환경
- eval 환경: 동적 환경
◽ 실행 콘텍스트 상태 컴포넌트
실행 콘텍스트 상태를 위한 오브젝트는 실행 콘텍스트안에 생성한다.
형태는 아래와 같은데, 결국 propertie로 저장되기때문에 object로 만든다.
실행 콘텍스트(EC): {
렉시컬 환경 컴포넌트(LEC): {},
변수 환경 컴포넌트(VEC): {},
this 바인딩 컴포넌트(TBC): {}
}
'Development > Javascript' 카테고리의 다른 글
[Javascript] null과 undefined의 차이 / 검출하는 방법 (0) | 2021.11.04 |
---|---|
[Javascript] 마우스 오버 시 포인터 변경하기 / a href="javascript:; (0) | 2021.07.26 |
[Javascript] 스코프 바인딩(Scope Binding) (0) | 2021.07.07 |
[Javascript] 글로벌 스코프(Global Object) (0) | 2021.07.07 |
[Javascript] 글로벌 오브젝트(Global Object) (0) | 2021.07.07 |
Comments