[모던 JS 튜토리얼] 2.4. 변수와 상수

변수 (variable)는 사용자나 서버로부터 입력 받은 정보를 저장, ‘이름이 붙은 저장소’

상수(constant)는 변화하지 않는 변수

2.4.1. 변수 variable

변수 생성 : let

let message;
      let seungyeon;
      let me;   //변수 선언

      //변수 안에 데이터 저장 
      message = 'Hello';   
      seungyeon = 'so pretty (진짜임)';
      me = '승연님'

      alert(message, seungyeon,me);   //변수에 저장된 값 보여줌

변수의 선언

변수를 2번 선언 → 에러 발생

let seungyeon = pretty;
let seungyeon = beautiful; 

변수 명명 규칙

1. 변수명에는 only 문자, 숫자, 기호, $, _

2. 첫 글자는 숫자 X

3. 대/소문자 구별

4. 예약어 사용 X → 문법 에러 발생

   ex) let, class, return, function 등

5. 비 라틴계 언어 사용 권장 X

2.4.2. 상수 constant

상수 생성 : `const`

상수 재할당 → 에러 발생

const myBday = '06.03.2003';
myBday = '03.07.1999';

⇒ error!!

대문자 상수

기억하기 힘든 값을 변수에 할당해 별칭으로 사용할 때

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

      let color = COLOR_ORANGE;
      alert(color);
   </script>

장점

• 기억하기 쉬움
• 오타 확률 낮음
• 코드 가독성 증가

2.4.3. 바람직한 변수명

• 간결, 명확
• userName, shoppingCart 등 사람이 읽기 좋은 변수명
• 서술적이고 간결하게
• 자신만의 or 단체의 규칙을 따를 것