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

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

var / let / const

마지막으로 const 키워드에 대해 알아 볼까 합니다. 

■ const 키워드

const 키워드는 앞서 알아본 let 키워드와 비슷하게 블록 범위의 변수를 선언할때 사용 합니다. 

const 는 Constants, 즉 상수를 의미합니다. 즉, 고정 값이라는 의미 입니다. 한번 선언하면 var 키와드나 let 키워드로 선언한 변수와 달리 변경이 불가능 합니다. 

위와 같이 x 값을 선언 했지만 아랫중에서 100 으로 재선언 하려 시도 합니다. 

이경우 Uncaught TypeError 오류가 발생 합니다. 

실행 결과는 아래와 같습니다. 

Uncaught TypeError: Assignment to constant variable.

상수값에 값을 적용하려 했기에 오류가 발생 했다는 내용입니다. 

위와 같이 try ~ catch ~ 로 exception 처리를 하여 오류 메세지를 찍어 보겠습니다. 

TypeError: Assignment to constant variable.

    at test.jsp:12

x ==> 1004

test.jsp 파일 12라인에서 TypeError 가 발생했다는 오류 로그를 확인 할 수 있습니다. 

const 키워드로 변수를 선언 하는 경우는 고정 값으로 변하지 않는 값을 필요로 할 경우 사용하면 요긴하겠습니다. 

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

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

감사합니다 :D

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

var / let / const

이번에는 let 키워드에 대해 알아 볼까 합니다

■ let 키워드

var 키워드와는 다르게 블록 범위의 로컬 변수를 선언하는데 사용합니다. 물론 글로벌로 선언은 가능하지만 로컬에서 별도로 let 키워드를 사용하요 동일한명의 변수를 선언 시 완전히 다른 변수로 사용 됩니다. 

위와 같이 y 라는 변수를 let 키워드로 선언합니다. 

위와 같이 코드를 작성 했을 경우를 살펴 보겠습니다. 

글로벌로 선언된 상태에서 변수 값을 50 에서 40으로 변경하는 시도를 했습니다. 

당연하게도 실행 시 y 값은 40으로 변경 되어 있습니다. 

첫번째 if 절에서 y = 30 으로 선언했습니다. 여전히 새로운 let 키워드 사용 없이 기존 변수 값을 30으로 변경하려 시도 했습니다. 

결과는 y = 30 으로 나옵니다. if 절 밖에서 y 값을 찍어봐도 동일하게 y = 30 입니다. 

두번째 if 절에서 let 키워드를 사용하여 y 를 50 으로 선언했습니다. 

5. y = 50 으로 실행 결과 값이 나옵니다. 

여기서 우리는 let 키워드를 사용했다는 것에 주목해야 하며 if 절 안에서 로컬 변수로 선언 되었다는 것을 인지 해야 합니다. 

마지막 console 로그를 찍었을때 최종적으로 나오느 y 값은 무엇일까요? 

50 이라고 생각 하실수도 있지만 30 이 리턴됩니다. 

if 절 안에서 let y = 50 과 같이 let 키워드를 사용한 경우 로컬변수로 글로벌변수 y 와 다른 변수로 인식 됩니다. 

위 코드를 실행 한 실제 결과 값은 아래와 같습니다. 

1. points = 50    (Global Variable)

2. points = 40    (Global Variable)

3. points = 30    (Global Variable)

4. points = 30    (Global Variable)

5. points = 50    (Local Variable)

6. points = 30    (Global Variable)

let 키워드는 var 키워드와 달리 변수 선언 순서에 유의해야 합니다. 

위와 같이 먼저 변수 선언을 한 이후 호출 하는 경우는 문제가 없습니다. 

하지만 위와 같이 아직 선언되지 않은 변수를 호출 하고자 하면 Uncaught ReferenceError 오류가 발생합니다. 

var 키워드의 경우가 특이 했던 거였습니다. let 은 다른 언어들과 비슷한 선언 순서를 유지하고 있습니다. 

var 키워드와 let 키워드의 또다른 차이점을 하나 더 정리하면 아래와 같습니다. 

위와 같이 block statement scope 내에서 (if절) var 키워드와 let 키워드를 이용하여 서로 다른 변수를 선언 했습니다. 

그리고 if절 밖에서 각각의 변수 값을 찍어 보면 어떻게 될까요? 

var 키워드는 글로벌 및 로컬 구분 없이 사용 된다고 했습니다. 

즉, var_keyword 값이 1로 리턴 됩니다. 

하지만 let 키워드는 로컬변수로 선언 한다고 생각하면 됩니다. 즉, if 절 내에서 선언하여 사용 했기 때문에 if 절 밖에서는 해당 변수는 존재하지 않는 변수 이므로 Uncaught ReferenceError 오류가 발생 합니다. 

아래는 위 코드의 실행 결과 입니다. 

var_Keyword ==> 1

Uncaught ReferenceError: let_Keyword is not defined

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

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

감사합니다 :D

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

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