NULL

자바스크립트 scope 개념 본문

Front-end/Vanilla JS

자바스크립트 scope 개념

1924 2021. 12. 21. 03:08

Scope는 범위이라는 뜻이며, 즉 스코프는 변수에 접근할 수 있는 범위이다.

스코프는 전역, 지역 2가지로 타입으로 나뉜다.


전역 스코프(Global Scope)는 어느 곳에서든지 해당 변수를
접근 할 수 있다.

지역 스코프(Local Scope)는 해당지역에서만 접근할 수 있고
벗어난 곳에선 접근할 수 없다.

 

 

 

 

js에서 함수를 선언할 때마다 새로운 스코프를 생성하게 되며, 
함수 몸체에 선언한 변수는 해당 함수 몸체 안에서만 접근할 수 있다.

이것을 함수 스코프(function-scoped)라고 한다.

 

 

// 전역 스코프, 지역(함수) 스코프 예제

var a = 1; // 전역 스코프
function print() { // 지역(함수) 스코프
 var a = 111;
 console.log(a);
}
print(); // 111
console.log(a); // 1

 

// print함수 안에 a변수가 없는 경우

var a = 1; // 전역 스코프
function print() { // 함수 스코프
 console.log(a);
}
print(); // 1

 

전역변수 a를 Scope Chain하게 된다.

 

 

'Front-end > Vanilla JS' 카테고리의 다른 글

자바스크립트 this, 메소드  (0) 2021.12.21
자바스크립트 shadowing  (0) 2021.12.21
javascript do while문  (0) 2021.12.08
javascript switch문 사용법  (0) 2021.12.08
javascript 배열  (0) 2021.12.08
Comments