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 |
Tags
- NonNullable
- React Native
- 2022
- Chart.js
- 타입스크립트
- click and drag
- reactjs
- 커스텀
- utilty type
- const 단언문
- 폰트적용하기
- CSS
- 리액트
- 공통컴포넌트
- JS console
- 누구나 자료구조와 알고리즘
- javascript
- vue.js
- TSDoc
- returnType
- 성능최적화
- 개발콘텐츠
- 티스토리꾸미기
- React.js
- 타입좁히기
- 레이아웃쪼개기
- 반복줄이기
- react
- typescript
- 제네릭
Archives
- Today
- Total
몽땅뚝딱 개발자
[Javascript] 스코프 바인딩(Scope Binding) 본문
출처
🚀 스코프 바인딩(Scope Binding)
⚡ 한번 더 보기!! 예제코드의 바인딩&실행순서와 함수 초기화 3단계 과정 자세히 보기 :)
◽ 바인딩이란?
구조적으로 결속된 상태로 만드는 것을 바인딩(binding)이라고 한다.
대상은 바뀔 수 있는 '값'이 아니라, 프로퍼티의 '이름'이다.
◽ 바인딩의 목적
스코프를 설정하고 식별자를 해결하는 것이다.
◽ 바인딩의 종류
1) 정적 바인딩(Lecival, Static binding)
자바스크립트는 대부분 정적 바인딩을 한다.
함수가 호출되는 초기화 단계에서 함수 선언문 이름, 표현식 이름을 바인딩한다.
2) 동적 바인딩(Dynamic binding)
실행할 때 바인딩 하는 것으로, eval() 함수와 with문이 있다.
- eval(): 파라미터에 작성된 문자열을 parsing, 해석 한 후 실행할 때 마다 바인딩
- with문: 반복할 때 마다 바인딩
◽ 바인딩 시점의 중요성
- 바인딩 할 때 스코프가 결정되기 때문에 바인딩 시점이 중요하다.
- 스코프를 Function Object의 [[scope]]에 설정하는데, 이는 변경되지 않는 정적 스코프이다.
'Development > Javascript' 카테고리의 다른 글
[Javascript] 마우스 오버 시 포인터 변경하기 / a href="javascript:; (0) | 2021.07.26 |
---|---|
[Javascript] 실행 콘텍스트(Execution Context) (0) | 2021.07.07 |
[Javascript] 글로벌 스코프(Global Object) (0) | 2021.07.07 |
[Javascript] 글로벌 오브젝트(Global Object) (0) | 2021.07.07 |
[Javascript/ES6+] Javascript의 스펙 (0) | 2021.07.07 |
Comments