실행컨텍스트

• [ 스코프, 호이스팅, 실행컨텍스트, 클로저 ]

질문&답변 & 토의

[Q1. 실행 컨텍스트에는 어떤 정보들이 담겨 있나요?]

• 렉시컬스코프, 변수, 변수객체, this…
• 스코프체인과 렉시컬 스코프의 개념이 약간 혼재되어 있는 것 같다고 느꼈어요

• 스코프체인의 역할은 무엇인가요?
• 스코프체인 해당 컨텍스트 변수외에 외부함수의 변수에 접근할 수 있도록 하는 역할

• 실행컨텍스트 언제 생성되나요?
• 함수가 호출(실행)될 때!

• 실행컨텍스트 this객체 같이 생성되는데, this에는 어떤 값이 할당되나요? (호출 방식에 따라)
• 일반함수 → 전역
• method 호출 시 → method를 호출한 객체 바인딩
• new 키워드 → 인스턴스
• arrowfunction → this binding x
• call / apply / bind
정리
• call / apply / bind로 지정 가능 (링크)
• person2.study.call(person1) : person2가 가지고 있는 study함수를 person1이 사용할 수 있도록 해라
• call / apply 첫번째 인자로 this 지정
• 두번째 인자는 함수호출에 사용할 매개변수를 의미
• call은 매개변수의 값을 각각 받음
• apply는 매개변수를 배열형태로 받음
• 실제 사용할 수 없는 method들 사용가능
• Array.prototype.join.call(arguments)
• 함수의 매개변수인 arguments는 유사배열형태이기 때문에 바로 배열메소드 사용불가 → Array.prototype을 빌려서 배열메소드 사용가능
• bind
• 새롭게 binding된 함수를 만들고 반환
• 반환된 함수에는 this가 바뀌어 있다.
• 따라서 변수에 할당하고, 호출하는 형태로 사용한다.
let student = person2.study.bind(person1); student()

• 렉시컬 환경 → 선언될 때 만들어지는건지, 실행될 때 생기는건지 (풀리지 않는 의문..)

[Q2. 클로저는 무엇이고, 왜 사용하는지 ]

• 클로저는 외부변수를 기억하고 접근하는 환경을 갖는 함수

• 클로저 정의(외부변수 접근) + 종료된 컨텍스트에 있는 변수에 접근할 수 있는 것.

• 전역 스코프 오염의 방지

• 비공개변수
• 중첩 함수를 통해 특정 정보(외부함수의 변수)를 은닉하고 싶을 때,
• 은닉하고, 특정 함수(클로저함수)로만 변경가능하도록 하는 것

• 커링

[Q3. TDZ 에 대해서 설명해주세요 ]

• 저는 호이스팅 1줄 설명하고 시작할 듯

• 참고 링크(https://www.howdy-mj.me/javascript/var-let-const/)
• let과 const 이다.
• var는 선언과 동시에 undefined로 초기화
• let과 const는 선언단계와 초기화 단계가 분리되어 있어요

outfn(){
	innerfn(){
	// TDZ
	// TDZ conosole.log(a) -> error
	// TDZ	
		let a
	}
}

var go
console.log(go) // undefined 

• 변수선언 ,초기화단계랑 할당 단계를 설명해주세요.
• 변수 선언
• var, let, const라는 변수선언키워드를 통해 js엔진에 알리는 행위다.
• 초기화
• 할당
 

From GitHub