JavaScript - Execute context
ฝัง
- เผยแพร่เมื่อ 26 ม.ค. 2022
- 자바스크립트의 코드가 실행되는 원리인 execute context에 대한 수업입니다.
이 수업을 들으면
1. debugger의 고급 사용법을 익힐 수 있습니다.
2. 변수의 유효범위에 대해서 이해할 수 있습니다.
3. var, let, const의 차이점에 대해서 알 수 있습니다.
4. closure, hosting과 같은 주제에 대한 이해를 얻는 발판을 마련할 수 있습니다.
자바스크립트를 모른다면 아래 수업을 먼저 봐주세요.
seomal.com/map/1/3
더 많은 지식이 필요하시면 지식지도 서말을 이용해주세요.
seomal.com/map/1/181
소스코드
gist.github.com/egoing/7e8bce... - วิทยาศาสตร์และเทคโนโลยี
![[10분 테코톡] 부엉이의 Execution Context](http://i.ytimg.com/vi/QkCNba92Vqo/mqdefault.jpg)
혹시 답변 가능하신분 있을까요?? Global과 script scope 차이를 모르겠네요 var의 경우 global namespace에 저장하고 let은 script에 저장하는 거 같은데
저도 정확한 js의 변경이력을 알지는 못해서 추론입니다. let과 const는 비교적 최근에 도입된 문법입니다. 이 문법을 global execute context에서 실행하면 그것이 script 로 들어가게 됩니다. 왜 global로 들어가지 않느냐? 그건 저도 정확하게는 모릅니다. 추론하기엔 브라우저 js에서 global은 window 가 담당하는데, 이 영역은 이미 많은 변수들로 분비고 있는 중입니다. 여기에 사용자 정의 전역변수 혹은 상수까지 입장하게 된다면 여러가지 문제가 생길 수 있기 때문에, 이런 문제를 방지하기 위해서 사용자 정의 데이터를 담을 전용 글로벌 스콥이 생긴 것이 아닐까 추론해봤습니다.
스택오버플로우를 보니 이런내용이 있습니다. (아래원문참고) 요약하면 window객체로된 환경변수(old style) + lexical로 선언하는 환경변수(new style) 두가지를 합쳐서 글로벌 환경변수로 보는데, 후자가 Script라는 스코프로 분리해서 표기하는걸 말하는 거 같습니다. let 과 const는 후자이기때문에 글로벌 환경이지만 window객체에는 들어있지 않다고 하네요.
--원문--
When it came time to add a new way of declaring things with better semantics (let, const, class; "lexically-scoped bindings"), the committee that moves JavaScript forward (ECMA TC39) had to figure out how those new semantics would work at global scope. Their solution was to have two parts to the global environment - one for the old style, and other for the new style - but still treat it "logically" as a single environment
유익하다
와 이 강의 하나로 정말 여러가지 궁금했던것들을 한번에 이해하게 되어서 너무 감사합니다! 몇 번 더 보면서 연관 강의를 보면 더 잘 이해할 것 같네요~ 항상 잘 보고 있습니다! 감사합니다.
실행 컨텍스트! 진짜 필요한 강의입니다.. 감사합니다
어려운 개념을 쉽게 설명 하시고
역시 이고잉님👍
항상 감사합니다 이고잉님🙏🙏👍👍👍👍👍👍
와!! 안 그래도 실행 컨텍스트에 관한 자료가 많이 없어서, 학습하기 힘들었는데 명강의 감사합니다 :)
이 강의는 자바스크립트의 실행 코어 원리를 이해할 수 있는 정말 좋은 강의 였습니다~!!
말씀 감사합니다 :)
정말 생활코딩님 아니었으면 프로그래밍 공부는 못했을 겁니다 명쾌한 강의 감사드립니다.
처음 들었는데도 이해가 되었어요 감사합니다.
자바스크립트 개발하면서 변수 스코프가 어떻게 잡히는지 헷갈릴 때가 많았는데 좋은 강의 감사드립니다.
차후 참고할때를 위해 : 19:45
깨달음을 얻어 감사드리려합니다.
감사해요 실행 컨텍스트의 개념에 대해서 어려움을 가지고 있었는데 덕분에 이해했습니다 ㅜㅜ
진짜 최고다.... 명강의네요
지금 현업에서 자바스크립트로 일하고있는데 감사합니다ㅜㅜ 자바스크립트 영상 많이 올려주세요!!!!!
와 진짜 정리 잘해주셔서 감사합니다
크..! 명강의 감사합니다! 👍
많은 도움이 되었습니다! 감사합니다!!
와 지이이이이인짜 감사합니다 ㅜㅜ
대박이다~
- [[06:30]] global은 바닥에 깔려있다.
- [[06:57]] #exception let과 const로 선언한 변수의 경우 global에 저장되는 것이 아니라 👉 script에 저장된다는 사실
- [[08:30]] call stack 👉 execute context가 call stack에 쌓인다
- [[09:39]] global execute context vs. function execute context
- [[10:37]] 키워드 없이 변수이름을 사용하면 무조건 global scope으로 들어간다.
- [[13:15]] d:: scope chaining 👉 local, script, global scope
- [[19:01]] global execute context vs. function execute context
와2등