본문 바로가기
✏️ 공부/JavaScript

변수(let과 const)

by minzyee 2022. 1. 8.

변수

  • 어떤 정보에 이름을 붙여서 저장하고 싶을 때 사용함.
  • 문자나 숫자 같은 값을 담는 그릇으로, 값을 유지할 필요가 있을 때 사용함.
  • 변수에 담긴 값은 상황에 따라 다른 값으로 바뀔수 있다.
name = "Gandalf"; age = 20;



변수는 재할당 하면 기존에 있던 값은 사라지고, 새 값으로 덮어쓰기 된다.

name = "Gandalf"; 
name = "music"; 
//최종으로 변수 name에 담기는 값은 "music" 이다.



만약 의도하지 않았는데, 값이 새로 덮어씌여 버리면 문제가 생긴다.
그것을 방지하기 위해 letconst를 사용한다.

let name = "Gandalf"; 
let name = "music";

이렇게 되면 이미 name이란 변수명이 이미 사용 되었다는 내용으로 SyntaxError가 뜬다.
Uncaught SyntaxError: Identifier 'a' has already been declared.



 

let (재선언 불가능 / 재할당 가능)

  • let은 한 번 선언 후, 다른 값으로 바꿀 수 있다.
let age = 20; 
age = 30;

위와 같이 let을 생략하고 같은 변수명을 적으면 age라는 변수 안에 들어있는 값은 재할당 된다.
let을 선언하므로써 나타나는 에러를 통해 해당 변수가 이전에 선언이 되었는지, 중복된 것인지 알수 있다.



const (재선언 불가능 / 재할당 불가능)

  • 절대로 바뀌지 않는 '상수'를 입력 할 때 사용한다.
  • const로 선언 된 변수를 바꾸려 한다면 Error가 발생한다.
  • 대문자로 선언 하는 것이 좋다.
  • 보안상의 목적에도 좋다.
  • 협업을 할 때, 다른 개발자에게 이것이 변하면 안되는 값임을 알려줄 수 있고 실수를 줄일 수 있다.
const BIRTH = '2000-01-01';




변수 만들 때 규칙

  1. 변수는 문자, 숫자, $, _ 만 사용가능
  2. 첫 글자는 숫자가 될 수 없다.
  3. 예약어는 사용할 수 없다.
  4. 상수는 대문자로 쓰는 편이 좋다.
  5. 변수명은 읽기 쉽고, 다른 사람이 봐도 이해할 수 있게 선언





* 자바스크립트에서 변수를 선언할 때는 이렇게 선언하세요. *
변하지 않는 값은 const
변할 수 있는 값은 let

애초에 모든 변수를 만들 때, 우선 const로 선언 하고
나중에 변경될 여지가 있는 변수들만 let으로 바꾸면 의도치 않는 동작을 방지할 수 있다.

 

 

 

 

 

 

코딩앙마님의 JS 기초 강좌를 참고하여 정리한 글 입니다.

반응형

'✏️ 공부 > JavaScript' 카테고리의 다른 글

[JS] 비교 연산자  (0) 2022.01.28
[JS] 연산자(operator)  (0) 2022.01.27
형변환(Type conversion)  (2) 2022.01.23
JS 대화상자 alert(), prompt(), confirm()  (0) 2022.01.17
자료형(string, number, boolean...)  (1) 2022.01.08