Javascript

5. JavaScript Constant(상수)와 Variables(변수)

빈코더 2021. 1. 17. 16:02
728x90

1.

이번엔 상수와 변수에 대해서 알아보도록 하겠습니다.

 

상수는 변하지않는 값을 말하고,

 

변수수식에 따라서 변하는 값을 말합니다. 

 

JavaScript에서는 상수는 const, 변수는 var 또는 let으로 선언합니다.

위와 같이 선언을 해주시면 됩니다.

 

처음엔 다 같아보이죠 ?

1 - 1. 상수

제가 위에서 상수는 값이 변하지 않는다고 말씀드렸었는데 확인해봅시다.

재할당

자 위 사진을 보면 다음과 같은 에러가 발생했습니다. 

 

TypeError: Assignment to constant variable.

 

위 에러가 뜨는 이유는 const는 값이 변할 수 없는데

 

그 값을 재할당('빈코더' -> 'Hello world!')을 하려고 하니 에러가 발생하였습니다.

 

이점만 주의하시면 됩니다.

1 - 2. 변수

변수도 한번 확인해 볼까요 ?

처음에 let_name에 '빈코더' 라는 값을 줬는데

 

밑에 'Hello world!'로 값을 재할당 해주니 변수의 값이 변한것을 확인이 가능합니다.

1 - 3. 정리

간단하게 정리하면 상수는 값을 한번 할당하면 그 값을 변경할수 없고

 

변수는 그 값을 재할당해줄수 있다!

 

이것만 아시면 됩니다.

1 - 4. 변수 할당할때 왜 var를 사용안하고 let을 사용하였나?

자 여기서 아주 중요한 문제점이 하나 확인하고 넘어가려고 합니다. 

 

저는 왜 변수를 할당할때 var가 아닌 let을 사용하였을까요 ?

 

let이랑 cosnt 함수는 JavaScript 초창기에는 없던 함수입니다. 

 

처음에는 var 함수 하나뿐이였습니다. 

 

개발자들은 var함수를 사용하다가 큰 문제점을 발견을 하게 됩니다. 

 

이미 만들어진 변수이름으로 재선언을 했는데 아무런 에러가 발생하지 않는 문제입니다...

 

지금은 아직 무슨뜻인지 이해가 안가실겁니다...

 

그래도 var 함수는 이미 만들어진 변수이름으로 재선언이 되는 아주 큰 문제가 있구나! 이정도만 기억해주셔도 됩니다.

 

이 점을 보안하기위해 나온것이 let과 const입니다. 

 

es5때 let 과 const를 추가했습니다. 

 

결론은 var를 쓰지말고 let과 const를 쓰자! 입니다!

 

 

 

 

728x90

'Javascript' 카테고리의 다른 글

7. JavaScript Function(함수, Arrow Function)2  (0) 2021.01.17
6. JavaScript Function(함수)  (0) 2021.01.17
4. 주석이란?  (0) 2021.01.17
3. RunJS  (0) 2021.01.17
2. JavaScript 기본 출력  (0) 2021.01.17