[TIL-08] Scope & Hositing

2.2 스코프(Scope)란 무엇인가?

현재 실행되는 컨텍스트를 말한다. 여기서 컨텍스트는 값과 표현식이 "표현"되거나 참조 될 수 있음을 의미한다. 만약 변수 또는 다른 표현식이 "해당 스코프"내에 있지 않다면 사용할 수 없다. 스코프는 또한 계층적인 구조를 가지기 때문에 하위 스코프는 상위 스코프에 접근할 수 있지만 반대는 불가하다.

• https://developer.mozilla.org/ko/docs/Glossary/Scope

2.2.2 var, let, const

• var 키워드로 선언한 변수와 let, const로 선언한 변수의 스코프는 다르게 동작한다.

2.2.2-1 var

• var 키워드로 선언한 변수는 중복 선언이 가능하다.
• var 키워드로 선언한 변수는 오로지 함수의 코드 블록만을 지역 스코프로 인정한다. 따라서 함수 외부에서 var 키워드로 선언한 변수는 코드 블록 내에서 선언해도 모두 전역 변수가 된다.
• var 키워드로 변수를 선언하면 변수 호이스팅에 의해 변수 선언문이 스코프의 선두로 끌어 올려진 것처럼 동작한다. 즉, 변수 호이스팅에 의해 var 키워드로 선언한 변수는 변수 선언문 이전에 참조할 수 있다. 단, undefined를 반환한다.

var x = 1;
if (true) {
 var x = 10 // 중복 선언됨
};

console.log(x); // 10

2.2.2-2 let

• let 키워드로 이름이 같은 변수를 중복 선언하면 문법 에러가 발생한다.
• let 키워드로 선언된 변수는 블록 레벨 스코프를 따른다.

let bar = 123;
let bar = 456; // syntax error

let foo = 1; // 전역 변수
{ 
	let foo = 2; // 지역 변수
	let bar = 3; // 지역 변수
}

console.log(foo); // 1
console.log(bar); // Reference error

2.2.2-3 const

• const 키워드는 상수를 선언하기 위해 사용된다.
• const 키워드로 선언한 변수는 반드시 선언과 동시에 초기화해야 한다.
• const 키워드로 선언한 변수는 재할당이 금지된다. 단, 변수에 객체를 할당한 경우 값을 변경할 수 있다.

const foo = 1;
const foo; // 할당하지 않을 경우 syntax error 발생

SCOPE QUIZ

https://docs.google.com/presentation/d/1LKRodJXWMNqBDFL3Y3EUCtuUs0N-dq5r6HpCGaanXMg/edit?usp=sharing

따로 스코프 개념을 정확히 이해하기 위해 퀴즈를 만들어 풀어 보았다.