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 |
29 | 30 | 31 |
Tags
- React.js
- react
- 리액트
- TSDoc
- typescript
- 성능최적화
- javascript
- NonNullable
- 2022
- 레이아웃쪼개기
- 폰트적용하기
- reactjs
- 커스텀
- 티스토리꾸미기
- utilty type
- Chart.js
- 타입좁히기
- JS console
- 타입스크립트
- 누구나 자료구조와 알고리즘
- 개발콘텐츠
- CSS
- const 단언문
- 공통컴포넌트
- click and drag
- 반복줄이기
- React Native
- vue.js
- returnType
- 제네릭
Archives
- Today
- Total
몽땅뚝딱 개발자
[Javascript] 실행 콘텍스트(Execution Context) 본문
출처
🚀 실행 콘텍스트(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