JS_문법 (4)_Scope

JS의 Scope에 대해서 알아보자!

3가지 종류가 있는데 다음과 같다.

1. 전역 (Global) scope : 코드 전체 범위

2. 함수 (Function) scope : 함수 내에서의 범위

3. 블록 (Block) scope : { } 중괄호로 이뤄진 블록 내에서의 범위

 

다른 언어와 달리 블록 scope가 있다!

 

---

전역 scope

외부에서 선언된 변수or함수

모든 코드에서 사용이 가능하다.

 

이때 블록까지도 적용이 가능하다.

let a = 1;
{
    console.log(a)
}
console.log(a)

>>>
1 //블록 안에서 출력
1 //블록 밖에서 출력

 

전역변수는 블록 안의 블록까지도 적용이 된다.

let a = 1;
{
    let b = 2;
    console.log(a)
    {
        console.log(a)
        console.log(b)
    }
}
console.log(a)
//console.log(b) //블록 안에서 선언이 되었기 때문에 오류

>>>
1 //자식블록에서 출력
1 //자손블록에서 출력
2 //자식에서 선언된 변수 출력
1

 

if, for문 역시 블록( { }괄호 )을 사용하므로

해당 블록 내에서 선언된 변수들은

블록scope가 적용이 된다.

let v1 = 1
if (v1 == 1){
    let v2 = 2
    console.log(v2)
}
// console.log(v2) 오류발생

>>>
2

 

함수 선언도 당연히 마찬가지!

{ }괄호가 있으면 블록이다.

let v1 = function() {
    let v2 = 2
    console.log(v2)
}
v1()
//console.log(v2) 오류발생

>>>
2

 

정리하면

블록 안에서 선언된 변수or함수는

해당 블록 밖에서 유효하지 않다.

 

---

var 키워드와 함수 scope

var은 함수 scope를 가진다.

(블록 내에서 정의한 것이 외부에서도 유효함.

이를 함수 scope라고 한다!)

{
    {
        var a = 1;
    }
    console.log(a)
}

 

이때

함수 안에서 선언한 var은

함수 밖에서 유효하지 않다.

data = 1;
function func(params) {
    var d = 1;
    console.log(data)
}
console.log(d) // 오류발생