Javacript : Scope 스코프

🧮 전역스코프와 지역스코프

 - 가장 바깥쪽에 있는 전역 스코프는 어디서나 접근이 가능하다.

 ex) let number = 'one';

 - 어디서나 변경도 가능하다. 어디서나 재정의가 가능하다는 것이 큰 단점

 - 예측 불가능하다.

 

 - 지역 스코프는 함수 스코프 혹은 블록 스코프라고도 한다.

ex) {} 혹은 function func() {} 혹은 if문도 블록스코프라고 할 수 있다. 

 - 예측 가능하다

 

+런타임 : 프로그램이 동작되는 시점

 

 

🧮 전역객체

1. 브라우저 환경

 - 브라우저 환경에서 전역객체는 window 이다.

 - window 객체

 

2. NodeJS 환경

 - this를 전역공간에서 호출하게 되면 브라우저에서 window를 호출하게된다.

 - global 객체

 

 

🧮 호이스팅

 - 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미한다.

function func() {
	console.log(hoist);
    
    var hoist = 'hoisting';
    
    console.log(hoist);
}

 이렇게 코드를 작성했을 때 에러가 나지 않는다.

 

호이스팅이 일어나는 이유?

자바스크립트는 변수 선언을 직접적으로 끌어올린다.

그래서 위의 코드를 보면 let hoist 부분만 위로 끌어올려진다.

결국 var hoist 선언 -> hoist 호출 -> hoist = 'hoisting' 할당 -> hoist 호출 이런 형태  

 

var를 쓰지 않는것만으로 호이스팅을 방지할 수 있다. 

위의 코드에서 var 대신 let을 사용해주면 에러가 날 것

이것을 임시적 사각 지대 TDZ 라고 한다.

내부적으로 호이스팅이 일어나지만 보이지 않는 것처럼 사용자에게 에러를 던져줘서 막아준다.

 

호이스팅을 막아주기 위해서 let과 const를 사용하는것이 좋다.

 

🧮 IIFE

 - Immediately Invoked Function Expression 즉시 실행 함수 표현 

 - 함수를 괄호 안에 넣고 바로 실행시켜준다.

 - 일종의 블럭 스코프를 흉내내는 새로운 스코프를 만들어낸다고 볼 수 있다.

 

IIFE 사용하는 이유?

 - 공간을 완전히 분리할 수 있기 때문이다. 함수 공간에 있으면 명확하게 새로운 스코프를 만들어낼 수 있다.

 - 무언가 숨겨야할 데이터를 넣을때 사용하기 좋다. 숨겨진 데이터나 숨겨진 변수를 저장할 때 쓰기 좋다.

 

(function() { //IIFE 시작
	//IIFE 내부 동작 코드
})(매개변수); // IIFE 종료

 - 즉시 실행 함수를 사용할때는 처음이나 끝에 세미콜론을 붙여서 영역이 침범되지 않도록 주의해야한다.