JavaScript 기초 : 스코프 (Scope)

스코프 (Scope)

변수나 함수에 접근하거나 호출할수 있는 범위를 말한다.

  - 전역 스코프 (Global Scope) : 전체 영역에서만 접근 가능

  - 지역 스코프 (Local Scope) : 특정 영역에서만 접근 가능

 

let a = 1; // 전체에서 사용할수 있는 전역 스코프

function funcA() {
	console.log(a); // 출력이  가능하다
    
    let b = 2; // funcA함수 안에서만 쓸수 있는 지역 스코프
	console.log(b); // 함수 안에서 b를 출력하므로 가능하다.
}

funcA(); // funcA가 실행되어 a와 b가 모두 잘 출력된다
console.log(a); // 출력가능
console.log(b); // [b is not defined] 오류 발생

 

함수 뿐만 아니라 조건문과 반복문 에서도 지역스코프를 갖는다.

if(true) {
	let a = 1;
}
console.log(a); // [a is not defined] 오류 발생


for(let i=0; i<10; i++){
	let b = 2;
}

console.log(b); // [b is not defined] 오류 발생

// [참고] 반복문의 초기식에서 선언한 i도 지역스코프를 갖는다
console.log(i); // [i is not defined] 오류 발생

 

 

함수 내부에 있는 함수도 변수와 마찬가지로 지역스코프를 갖는다.

function funcA(){
	function funcB() {
    	console.log("fncB");
    }
}

funcA(); // 출력 잘 된다

funcB(); // [funcB is not defined] 오류 발생