'자바스크립트 변수'에 해당되는 글 1건

자바스크립트에서 변수 선언은 아래 세가지 키워드를 사용하는 방법이 있습니다.  

var / let / const

먼저 var 키워드에 대해 알아 볼까 합니다. 

■ var 키워드

일반적으로 javascript 에서 변수 선언을 할때 가장 많이 사용하는 키워드 입니다. 

선택적으로 변수 값을 초기화하여 변수를 선언합니다. 

위와 같이 x 라는 변수 값을 20으로 초기화 할 수 있습니다. 

처음에 var x; 와 같이 변수 값을 초기화 하지 않고 선언만 한 이후 

필요한 경우에 x = 20; 과 같은 방법으로 초기화 할 수 있습니다. 

첫번재와 두번재 모두 아래 코드를 실행 시 동일한 값을 리턴 합니다. 

결과는 아래와 같습니다. 

x = 20

중요한것은 var 키워드는 로컬(local) 및 글로벌(global) 변수로 모두 사용 가능합니다. 

이미 글로벌 변수로 var x = 20 으로 선언 했지만 if절 안에서 로컬변수로 다시 var x = 16 으로 선언했습니다. 

그리고 다시 if 절 밖에서 x 값에 + 20을 했을때 처음 글로벌로 선언한 20 에 20을 더한것이 아니라 로컬에서 선언한 16 에 20을 더했습니다. 

즉, var 키워드는 로컬이든 글로벌이든 변수명이 동일하면 하나의 변수로 사용하게 됩니다. 

변수 선언 순서는 크게 상관 없습니다. 

일반적으로 변수선언을 먼저 하고 사용하고자 하는 곳에서 호출 합니다. 

위와 같이 변수선언을 뒤에서 해도 문제가 없습니다. (다른 언어들과 다르게 조금 특이한 케이스 입니다.)

하지만 변수 선언이 되지 않은 변수 값을 호출 하고자 하면 Uncaught ReferenceError 가 발생 합니다.

c 가 정의되지 않았다는 오류 메세지를 보실 수 있습니다. 

위 세 코드를 실행 하면 아래와 같은 결과가 나옵니다. 

a 값은 undefined

b 값은 undefined

Uncaught ReferenceError: c is not defined

▼ 도움이 되셨다면 로그인이 필요 없는 ▼

▼ 하트 클릭 한번 부탁 드립니다 ▼

감사합니다 :D