[FE - ConnecTo] DAY30 TIL👩🏻‍💻

22.08.22 수업을 통해 공부한 내용들을 정리하였습니다 😊
피드백은 언제나 환영입니다! 🍊

실행 컨텍스트

실행컨텍스트를 이해했다면 지금까지 배운 것들을 이해해야함.

식별자들이 어떻게 관리가 되는지, 재할당이 되는지 등등

기본적으로 클로저를 이해하기 위해서 실행 컨텍스트를 알아야 함.

실행 컨텍스트는 평가 단계에서 만들어짐 → why? 식별자가 평가 단계에서 만들어지기 때문임

전역 실행 컨텍스트 → 스택

현재 실행 컨텍스트? 현재 지금 뭘 하고 있느냐에 대한 정보임!

실행 컨트롤이 옮겨졌다? → 실행 컨텍스트 스택에 쌓인다는 이야기임!

---

이벤트 핸들러는 언제 실행이 될까?

이벤트 핸들러도 클로저처럼 보이는데,

클릭이 되었을 때 (→ 실행컨텍스트 스택이 비어있을 때를 의미함) 실행이 됨.

= 이벤트 핸들러 내부에서 상위 스코프를 바라봤을 때 안나와야 하는데, 이게 클로저이기 때문에 그런 것임

---

비동기 처리는..?

이 또한, 실행 컨텍스트 스택하고 관련이 있음!

---

클로저

외부함수가 내부함수를 리턴하면, 내부 함수가 살아있게 된다!

const foo = (() => {
	let x = 1;
	return function () {
		console.log(x);
	};
})();

foo(); // 1

mdn 클로저 정의가 굉장히 좋은데,

🤔 클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다.

• 출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Closures

클로저를 그렇다면 왜 사용하는가?

상태를 안전하게 유지하고, 변경하기 위해서 사용함.

전역 변수는 위험함 → 의도치 않게 변경될 수 있는 가능성이 매우 높음!

---

캡슐화

캡슐화는 프로퍼티, 메서드를 한 곳으로 모아두자고 하는 것임.

캡슐화와 정보은닉은 다른 개념임.

정보은닉을 하지 않았을 때, 저 코드를 다른 곳에서 쓸 수 있음

정보은닉 → 정보 : 외부에 공개할 필요가 있는 것만 공개하면 됨. 정보를 최대한 안 보여주는 것이 좋은 것임!

감추기 위한 가장 심플한 방법이 private으로 감추는 것인데, 그게 안되면 closure로 묶음.

그렇다면,, 인스턴스를 여러개 만드는 상황에서 정보은닉을 하려면 뭘 써야하나..?

→ 클래스의 private을 써야하는 수 밖에 없음.