[19] Scope

1. Scope란?

자바스크립트의 변수의 유효범위를 말하며 해당 변수가 접근할 수 있는 변수, 객체 그리고 함수의 집합을 의미함

2. 지역변수 vs 전역변수

가. 지역변수

지역 변수란 함수 내에서 선언된 변수를 의미하며 함수 내에서만 유효하고 종료되면 메모리에서 사라짐. 또한 함수의 매개변수 역시 지역변수처럼 동작함

1) 예제

function localNum() {

    let num = 10; // 지역 변수 num에 숫자 10을 대입함.

    document.write("함수 내부에서 변수 num의 타입은 " + typeof num + "입니다.<br>"); // number

}

localNum();       // 함수 localNum()을 호출함.

document.write("함수의 호출이 끝난 뒤 변수 num의 타입은 " + typeof num + "입니다."); // undefined

나. 전역변수

전역 변수란 함수의 외부에서 선언된 변수를 가르키며 프로그램 어느 영역에서나 접근할 수 있고 웹페이지를 종료해야 메모리에서 사라짐.

1) 예제

let num = 10; // 전역 변수 num을 선언함.

function globalNum() {

    document.write("함수 내부에서 변수 num의 값은 " + num + "입니다.<br>"); // 10

    num = 20; // 전역 변수 num의 값을 함수 내부에서 변경함.

}

globalNum();  // 함수 globalNum()을 호출함.

document.write("함수의 호출이 끝난 뒤 변수 num의 값은 " + num + "입니다."); // 20