[자바스크립트]변수와 상수(let, const)

 

변수와 상수

• 변수와 상수의 용도를 알아보자

 

 

변수란?

• 변수는 데이터를 저장할 때 쓰이는 ''이름이 붙은 저장소''이다.
• 자바스크립트에서는 let 키워드를 사용해 변수를 생성한다.

let message; //'message’라는 이름을 가진 변수를 생성(선언)
message = 'Hello!'; // 문자열 저장
// let message = 'Hello!'; 선언과 동시에 값 할당

alert(message); // 변수에 저장된 값을 보여줍니다.

• 변수 선언을 여러 번 하면 에러 발생
  • 변수 선언은 딱 한 번만 선언하고, 선언한 변수를 참조할 때는 let 없이 변수명만 사용해서 참조한다.

⚠️ let대신 var

• 만들어진 지 오래된 스크립트에서 let 대신 var라는 키워드 사용
• 둘 다 거의 동일하게 동작

 

 

변수 명명 규칙

1. 변수명에는 오직 문자와 숫자, 그리고 기호 $와 _만 들어갈 수 있습니다.
2. 첫 글자는 숫자가 될 수 없습니다.

• 대소문자 구별한다.
• 예약어는 변수명으로 사용할 수 없다. (ex. let, class, return, function)

⚠️ use strict 없이 할당하기

• 변수는 대게 정의되어 있어야 사용할 수 있다.
• 그러나 예전에는 let 없이도 단순하게 값을 할당해 변수 생성이 가능했다.
• use strict를 사용하지 않으면 num = 5; 이렇게 사용할 수 있다.
• 이런 건 안 좋은 습관.
• 맘 편히 let을 사용하자!!!\

---

상수

• 변화하지 않는 변수를 선언할 땐, let 대신 const를 사용합니다.
• 즉, 바뀔 수 없는 값
• const로 선언한 변수를 '상수(constant)'라고 부른다.
  • 재할당할 수 없으므로 상수를 변경하려고 하면 에러가 발생된다.
  • app.js:11 Uncaught TypeError: Assignment to constant variable.
• 변숫값이 절대 변경되지 않을 거라고 확신하고, 변경되는 것을 방지하고 다른 개발자들에게 이 변수는 상수라는 것을 알리기 위해 const를 사용하여 변수 선언

const myBirthday = '18.04.1982';

myBirthday = '01.01.2001'; // error, can't reassign the constant!

 

 

대문자 상수

• 기억하기 힘든 값을 변수에 할당해 별칭으로 사용
• 이런 상수는 대문자와 밑줄로 구성된 이름으로 명명

const COLOR_RED = "#F00";
const COLOR_GREEN = "#0F0";
const COLOR_BLUE = "#00F";
const COLOR_ORANGE = "#FF7F00";

// 색상을 고르고 싶을 때 별칭을 사용할 수 있게 되었다.
let color = COLOR_ORANGE;
alert(color); // #FF7F00

• 기억하기 쉽고, 오타 낼 확률이 낮아지고, 코드 가독성이 증가한다.

 

언제 상수를 명명하고, 언제 대문자를 사용해서 명명해야 할까?

• '대문자 상수는 ‘하드 코딩한’ 값의 별칭을 만들 때 사용하면 된다.

 

 

바람직한 변수명

• 간결
• 명확
• 사람이 읽을 수 있는 이름
• 최대한 서술적이고 간결하게 명명
• data, value는 나쁜 이름의 예시 -> 설명을 해줘야 한다.

 

 

📌 참고

• 모던 JavaScript 튜토리얼