자바스크립트에서 변수 선언은 아래 세가지 키워드를 사용하는 방법이 있습니다.
var / let / const
먼저 var 키워드에 대해 알아 볼까 합니다.
■ var 키워드
일반적으로 javascript 에서 변수 선언을 할때 가장 많이 사용하는 키워드 입니다.
선택적으로 변수 값을 초기화하여 변수를 선언합니다.
1 | var x = 20; | cs |
위와 같이 x 라는 변수 값을 20으로 초기화 할 수 있습니다.
1 2 | var x; x = 20; | cs |
처음에 var x; 와 같이 변수 값을 초기화 하지 않고 선언만 한 이후
필요한 경우에 x = 20; 과 같은 방법으로 초기화 할 수 있습니다.
첫번재와 두번재 모두 아래 코드를 실행 시 동일한 값을 리턴 합니다.
1 | console.log('x = '+x); | cs |
결과는 아래와 같습니다.
x = 20
중요한것은 var 키워드는 로컬(local) 및 글로벌(global) 변수로 모두 사용 가능합니다.
1 2 3 4 5 6 7 8 9 10 | var x = 20; console.log('1. x = '+x); if(true){ var x = 16; console.log('2. x = '+x); } x += 20; console.log('3. x = '+x); | cs |
이미 글로벌 변수로 var x = 20 으로 선언 했지만 if절 안에서 로컬변수로 다시 var x = 16 으로 선언했습니다.
그리고 다시 if 절 밖에서 x 값에 + 20을 했을때 처음 글로벌로 선언한 20 에 20을 더한것이 아니라 로컬에서 선언한 16 에 20을 더했습니다.
즉, var 키워드는 로컬이든 글로벌이든 변수명이 동일하면 하나의 변수로 사용하게 됩니다.
변수 선언 순서는 크게 상관 없습니다.
1 2 | var a; console.log('a 값은 ' + a); | cs |
일반적으로 변수선언을 먼저 하고 사용하고자 하는 곳에서 호출 합니다.
1 2 | console.log('b 값은 ' + b); var b; | cs |
위와 같이 변수선언을 뒤에서 해도 문제가 없습니다. (다른 언어들과 다르게 조금 특이한 케이스 입니다.)
1 | console.log('c 값은 ' + c); | cs |
하지만 변수 선언이 되지 않은 변수 값을 호출 하고자 하면 Uncaught ReferenceError 가 발생 합니다.
c 가 정의되지 않았다는 오류 메세지를 보실 수 있습니다.
위 세 코드를 실행 하면 아래와 같은 결과가 나옵니다.
a 값은 undefined
b 값은 undefined
Uncaught ReferenceError: c is not defined
▼ 도움이 되셨다면 로그인이 필요 없는 ▼
▼ 하트 클릭 한번 부탁 드립니다 ▼
감사합니다 :D
'javascript' 카테고리의 다른 글
| [ javascript 코딩 ] 자바스크립트 변수 선언 - const 키워드 (1392) | 2018.05.18 |
|---|---|
| [ javascript 코딩 ] 자바스크립트 변수 선언 - let 키워드 (1386) | 2018.05.17 |
| [ javascript 코딩 ] 자바스크립트 comment (1199) | 2018.05.15 |
| [ javascript 코딩 ] JSON.stringify() 사용방법 - JSON 가독성 높이기 (7) | 2018.05.14 |
| [ Javascript 코딩 ] JSON.parse() - JSON 문자열을 자바스크립트 객체로 변환하기 (6) | 2018.05.11 |
쉬운코딩이최고
Android, Java, jsp, Linux 등의 프로그래밍 언어를 소개 합니다.
