러닝 자바스크립트: ES6로 제대로 입문하는 모던 자바스크립트 웹 개발

193

7

장

스코프

console

.

log

('

before

block

');

{

console

.

log

('

inside

block

');

const

x

=

3

;

console

.

log

(

x

); //

3

}

console

.

log

(`

outside

block

;

x

= ${

x

}`); //

ReferenceError

:

x

는 정의되지 않았습니다.

앞의 예제에서는

독립 블록

을 사용했습니다. 블록은 보통

if

나

for

같은 제어문의 일부분으로

쓰이지만, 블록 그 자체로도 유효한 문법입니다.

x

는 블록 안에서 정의됐고, 블록을 나가는 즉

시

x

도 스코프 밖으로 사라지므로 정의되지 않은 것으로 간주합니다.

4

장에서 독립 블록에 현실적인 쓸모는 별로 없다고 언급한 것을 기억할 겁니다. 이 장에서 독립 블

록을 써서 스코프를 관리하는 방법을 소개하겠지만, 필요한 경우는 드뭅니다. 이 장에서 독립 블록을 사용하

는 이유는 스코프에 대해 이해하기 쉬워서입니다.

7.5

변수 숨기기

다른 스코프에 있으면서 이름이 같은 변수나 상수는 혼란을 초래할 때가 많습니다. 스코프 하

나가 끝난 다음에 다른 스코프가 있는 식이라면 비교적 단순합니다.

{

//

block

1

const

x

= '

blue

';

console

.

log

(

x

); // "

blue

"

}

console

.

log

(

typeof

x

); // "

undefined ...