JavaScript 스코프

1 개념[ | ]

var a = 1; // 전역 변수
function printNumber() {
    console.log(a); // 1
}
printNumber();

→ printNumber함수 안에서 함수 밖에 있는 전역 변수 a에 접근 가능

웹에서 전역변수는 window객체에 소속됨

var a = 1; // 전역 변수

function printNumber() {
    var a = 2; // 지역 변수
    console.log(a); // 2
}
printNumber();

→ printNumber함수 안에서 지역 변수 접근

function printNumber() {
    var a = 2;
}

printNumber();
console.log(a); // Uncaught ReferenceError: a is not defined(…)

→ 함수 밖에서 printNumber함수의 지역 변수 접근이 되지 않음

function foo() {
    bar = "Hello";
}
foo();
console.log(bar); // Hello

→ foo 함수 안에서 var없이 bar변수가 생성되었음. 함수의 안에 변수가 있음에도 불구하고 함수 밖에서 bar를 사용하여 정상 출력하였음

function foo() {
    for(var i = 0; i < 10; i++) {
        var bar = "john";
    }
    console.log(bar);
}
foo();

→ 자바스크립트에서는 bar에 할당된 john이 중괄호로 쌓여진 for문 안의 값을 외부에서 출력이 가능함

#include <stdio.h>

void main()
{
    if (1) {
        int a = 1;
    }
    printf("%d", a); // error: ‘a’ undeclared (first use in this function)
}

→ C언어에서 a값을 중괄호로 쌓여진 if문 외부에서 a값을 출력하면 에러가 발생함

function foo() {
    if (1) {
        let a = 1;
    }
    console.log(a); // Uncaught ReferenceError: a is not defined
}

foo();

→ let으로 변수를 정의하여 중괄호안 영역에서만 변수가 유효하도록 만들어줌

function foo() {
    if (1) {
        const a = 1;
    }
    console.log(a); // Uncaught ReferenceError: a is not defined
}

foo();

→ const로 변수를 정의하여 중괄호안 영역에서만 변수가 유효하도록 만들어줌