[TIL] Lexical Environment(LE)에 담겨있는 record (2)

JongYeon·2025년 1월 8일

TIL

목록 보기
14/69
post-thumbnail

LE에 담겨있는 record

브라우저 환경에서는 window객체를 노드 환경에서는 global객체를 참조한다.

스코프

식별자에 대한 유효 범위

스코프 체인

식별자의 유효 범위를 안에서부터 바깥으로 차례대로 검색해 나가는 것

var a = 1;
var outer = function() {
	var inner = function() {
		console.log(a); // 이 값은 뭐가 나올지 예상해보세요! 이유는 뭐죠? scope 관점에서! un
		var a = 3;
	};
	inner();
	console.log(a); // 이 값은 또 뭐가 나올까요? 이유는요? scope 관점에서! 1
};
outer();
console.log(a); // 이 값은 뭐가 나올까요? 마찬가지로 이유도! 1

outer

  • 브라우저 환경에서는 window객체를 노드 환경에서는 global객체를 참조한다.
  • 스코프 체인이 가능토록 하는 것(외부 환경의 참조정보)
  • outer는 호출된 함수가 선언될 당시에 외부 환경 정보를 가지고 있다.
  • 호출된 함수가 선언될 당시에 LE를 가지고 있고, 참조(저장)한다.

각각의 실행 컨텍스트는 LE안에 record와 outer 를 가지고 있고, outer안에는 그 실행 컨텍스트가 선언될 당시의 LE정보가 다 들어있으니 스코프체인에 의해 상위 컨텍스트의 record를 읽어올 수 있다.

하루를 마치며

오늘은 개인과제가 주어졌다. 첫 시작으로 TSDB API를 내 파일에 연결하는 것이였다. 사전 캠프때 했던 강의를 보고 따라했더니 연결하는 것 까지 성공했다. 내일은 불러온 데이터를 영화 카드 리스트 UI를 구현하는 것이 목표다. 어려울 때 버텨야 성장하는 법이기 때문에 버텨서 개인과제를 마무리 할 것이다.

profile
프론트엔드 공부중

0개의 댓글