12. 자바스크립트 범위(JS Scope)

[참고] http://www.w3schools.com/js/js_scope.asp

Scope is the set of variables you have access to.

---

JavaScript Scope(자바스크립트 범위)

자바스크립트에서 객체와 함수 또한 변수이다.

당신이 접근하려는 변수, 객체, 함수의 집합이 자바스크립트에서 범위다.

In JavaScript, scope is the set of variables, objects, and functions you have access to.

자바스크립트 함수 범위를 가지고있다: 범위는 함수안에서 변한다.

JavaScript has function scope: The scope changes inside functions.

---

Local JavaScript Variables(지역 자바스크립트 변수)

함수 안에서 선언된 변수는 함수에서 지역변수가 된다.

지역변수는 지역범위를 가진다: 지역변수들은 함수 오직 함수 안에서만 접근 가능하다.

Example

// code here can not use carName
function myFunction() {
    var carName = "Volvo";

    // code here can use carName
}

Try it Yourself »

지역변수는 오직 그 함수 안에서만 인식이 되기 때문에, 같은 이름을 가진 변수는 다른 함수에서 사용될 수 있다.

지역 변수는 함수가 시작될 때 만들어 지고, 함수가 끝날 때 삭제된다.

---

Global JavaScript Variables(전역 자바스크립트 변수)

변수는 함수밖에서 선언하고, 전역이 된다.

전역 변수는 전역 범위를 가진다: 웹 페이지의 모든 스크립트와 함수가 그것에 접근 가능하다.

Example

var carName = " Volvo";

// code here can use carName
function myFunction() {

    // code here can use carName 
}

Try it Yourself »

---

Automatically Global

만약 선언되지 않은 변수에 값을 할당한다면, 그것은 자동으로 전역 변수가 될 것이다.

비록 변수가 함수안에서 실행될지라도, 이 코드예제는 carName을 전역 변수로 선언할 것이다.

Example

// code here can use carName
function myFunction() {
    carName = "Volvo";

    // code here can use carName
}

Try it Yourself »

---

The Lifetime of JavaScript Variables(자바스크립트 변수 수명)

자바스크립트 변수의 수명은 변수가 선언될 때 시작된다.

지역변수는 함수가 끝나면 삭제된다.

전역 변수는 페이지를 닫을 때 삭제된다.

---

Function Arguments(함수 인수)

함수 인수(매개변수)는 함수안에서 지역변수로 작동한다.

---

Global Variables in HTML(HTML에서 글로벌 변수)

자바스크립트에서 전역범위는 완벽한 자바스크립트 환경에 속한다.

HTML에서 전역 범위는 윈도우 객체(window object)다: 모든 전역 변수는 윈도우 객체(window object)에 속한다.

Example

// code here can use window.carName
function myFunction() {
    carName = "Volvo";
}

Try it Yourself »

---

Did You Know?

	전역 변수나 함수는 윈도우 변수나 함수가 덮어 쓸 수 있다. 윈도우 객체에 포함되는 누구나 전역 변수나 함수를 덮어 쓸 수 있다.