[인프런] 웹 프론트엔드를 위한 자바스크립트 첫 걸음 - 변수와 상수

 

변수 선언

• let [생성할 변수 이름] = 값;

let color = "skyblue";

console.log(color);
// 결과값: skyblue

 

• 변수 값은 프로그램 실행 도중 변경이 가능하다.

let color = "skyblue";
color = "yellow";

console.log(color);
// 결과값: yellow

 

 

 

변수명에 관한 규칙

1. '$'와 '_'를 제외한 기호 사용 불가

2. 변수명 맨 앞의 숫자 사용 불가

3. *예약어 사용 불가

 

*예약어: 컴퓨터 프로그래밍 언어에서 이미 문법적인 용도로 사용되고 있기 때문에 식별자로 사용할 수 없는 단어.

// C언어
int for = 4;
-> for문으로 사용되는 예약어이므로 변수명으로 사용X

예약어를 나타낸 표 ( 출처: https://ko.w3hmong.com/js/js_reserved.htm )

 

 

카멜 표기법

• 단어를 차례대로 나열하면서 첫 번째 단어를 제외한 각 단어를 구분하여 첫 글자를 대문자로 작성.
  • ex. iscatordog -> isCatOrDog
• 변수명이 길 경우 변수명은 띄어쓰기가 되지 않아 가독성이 떨어질 수 있다.
  • 카멜 표기법을 사용하는 이유.   

 

 

동적 타입 지원(동적 타이핑 언어) 

• js에서는 변수 선언시 자료형을 작성하지 않는다.

-> 값이 바뀔 때마다 바뀐 값의 자료형을 변수의 자료형으로 갖는다는 특징을 지닌다. 해당 특징 덕에 자바스크립트는 같은 변수에 다른 타입의 값을 저장해도 아무 에러가 없다.

=> 아무 에러가 없는 경우 오히려 문제가 될 수도 있다. 

 

• 현재 type 확인 방법
  •  typeof 연산자 사용 ( typeof + 변수명)

let nowType = "안녕하세요";
console.log(typeof nowType);

// 결과값: 문자열

 

 

 

상수

• 변하지 않는 변수 -> 변경될 수 없다고 확신하는 값  
• const로 변수 선언해야 함.

• 도중의 변수 값을 변경할 수 없음.
• 상수 이름은 전부 대문자로 선언 후 사용.

const ID_CARD = 001223912;
// 에러 case 
// ID_CARD = 11123321;