관리 메뉴

프론트엔드 정복하기

javascript 스코프 본문

JavaScript

javascript 스코프

GROWNFRESH 2020. 11. 26. 08:36

스코프란?)

어떤 변수들에 접근할 수 있는지를 정의, 결정한다.

 

스코프의 종류는?)

  • 전역 스코프 (global scope)
  • 지역 스코프 (local scope)

전역 스코프란?)

: 변수가 '함수' 바깥이나, '블록' 바깥에 선언되었다면 전역 스코프라고 한다.

const globalVariable = 'variable'

위와 같이 전역 변수를 선언하면 => 코드 모든 곳에서 globalVariable 라는 변수를 사용할 수 있다.

함수 안에서도 쓸 수 있다!

 

 

그러나 전역 스코프를 이용해  변수를 선언하는 것을 신중히 해야 한다.

두 개 이상의 변수 이름이 충돌하는 경우가 생길 수도 있기 때문이다.

 

 

심지어 var를 이용해 변수를 선언했다면, 두 번째 변수가 첫번째 변수를 덮어쓰게 된다.

var a = 'hello';
var a = 'hello else';

console.log(a)  // 'hello else'

 


 

지역 스코프란?)

코드에서 특정 부분에서만 사용이 가능한 변수다.

 

지역 스코프의 종류는?)

  • 함수 스코프
  • 블록 스코프

 

  • 함수 스코프

    • 함수 내부에서 변수를 선언했다면 => 해당 함수 내에서만 사용이 가능하다.
  • 블록 스코프

    • 중괄호 내부에서 const 또는 let으로 변수를 선언하면, 중괄호 블록 내부에서만 사용이 가능하다.

 

'JavaScript' 카테고리의 다른 글

onload 등 이벤트 중지하기  (0) 2020.12.08
javascript 트랜스파일러  (0) 2020.11.26
javascript 이벤트 전파를 중단하는 4가지 방법  (0) 2020.11.25
return으로 조건문 단순화  (0) 2020.11.25
return의 역할 및 용도  (0) 2020.11.25