13.1 스코프란?

• 모든 식별자는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정된다. 이름 스코프라 한다. 즉 스코프는 식별자가 유효한 범위를 말한다.

function add (x, y){
  // 매개변수는 함수 몸체 내부에서만 참조할 수 있다.
  // 즉, 매개변수의 스코프(유효범위)는 함수 몸체 내부다.
  console.log(x, y);
  return x + y;
}

add(2, 5)

// 매개변수는 함수 몸체 내부에서만 참조할 수 있다.
consloe.log(x, y); // ReferenceError: x is not defined

13.2 스코프의 종류

• 자바스크립트에서 스코프를 구분해보면 다음과 같이 2가지로 나눌 수 있다.

**전역 스코프 (Global scope)**
코드 어디에서든지 참조할 수 있다.

**지역 스코프 (Local scope or Function-level scope)**
함수 코드 블록이 만든 스코프로 함수 자신과 하위 함수에서만 참조할 수 있다.

모든 변수는 스코프를 갖는다. 변수의 관점에서 스코프를 구분하면 다음과 같이 2가지로 나눌 수 있다.

**전역 변수 (Global variable)**전역에서 선언된 변수이며 어디에든 참조할 수 있다.

**지역 변수 (Local variable)**지역(함수) 내에서 선언된 변수이며 그 지역과 그 지역의 하부 지역에서만 참조할 수 있다.

var x = "global x"
var y = "global y"

function outer() {
	var z = "outer's local z";
	
	console.log(x); // global x
	console.log(y); // global y
	console.log(z); // outer's local z
	
	function inner(){
	  var x = "inner's local x"
	  
	  console.log(x); // inner's local x
	  console.log(y); // global y
	  console.log(z); // outer's local z
	}
	
	inner();
}
outer();

console.log(x); // global x
console.log(z); // ReferenceError: z is not defined

13.3 스코프 체인

13.3.1 스코프 체인에 의한 변수 검색

• 상위 스코프에서 유효한 변수는 하위 스코프에서 자유롭게 참조할 수 있지만 하위 스코프에서 유효한 변수를 상위 스코프에서 참조할 수 없다.

13.3.2 스코프 체인에 의한 함수 검색

function foo(){
  console.log('global function foo');
}
function bar(){
	function foo(){
	  console.log('local function foo');
	}
	foo();
}
bar();

local function foo

13.4 함수 레벨 스코프

• 코드 블록이 아닌 함수에 의해서만 지역 스코프가 생성된다.
• var 키워드로 선언된 변수는 오로지 함수의 코드 블록(함수 몸체)만을 지역 스코프로 인정한다.