JavaScript의 스코프에 대해 설명해 주세요.

👩🏻‍💻 스코프에 대해서 설명해 주세요.

copyright @Hubspot

 

💁🏻‍♀️ 요약하자면 ,

스코프는 변수에 접근할 수 있는 범위를 의미합니다. 자바스크립트 스코프에는 두 가지 타입이 있는데, 하나는 global(전역)과 local(지역) 입니다.

 

두 가지 차이

전역 스코프는 말그대로 전역에 선언되어있어 어느 곳에서든 해당 변수에 접근할 수 있다는 의미이며, 지역 스코프는 해당 지역에서만 접근할 수 있어 지역을 벗어난 곳에서는 접근할 수 없다는 의미 입니다.

 

함수 스코프

자바스크립트에서는 함수를 선언하면 함수를 선언할 때마다 새로운 스코프를 생성하는데요. 이때 함수 몸체 안에서 선언한 변수는 해당 함수 몸체 안에서만 접근할 수 있으며 이를 함수 스코프라고 합니다. 바로 함수 스코프가 지역 스코프의 예시라고 할 수 있습니다.

 

중요한 규칙

스코프에는 중요한 규칙이 있는데요. 안쪽 스코프에서 바깥쪽 스코프로는 접근할 수 있지만, 반대로 바깥쪽에서 안쪽 스코프로 접근하는 것은 불가합니다. 이 규칙이 있기 때문에 함수 중괄호 안에서 바깥쪽에 있는 전역변수 혹은 외부 스코프의 변수에 접근할 수 있는 것입니다. 

 

 

📎 내용 참조

- velog: 기술 면접 준비

- (JavaScript) 스코프(Scope)란?