[JavaScript] 자바스크립트 변수 : const, let, var

변수 선언

변수 선언이란 데이터를 담는 공간을 생성하는 것이고,

변수 초기화란 생성된 변수에 데이터를 전달하는 것이다.

var hello;	// 변수 선언
hello = "hello";	// 변수 초기화

var hello = "hello";	// 변수 선언 및 초기화 (동시에)

const, let, var

const

변하지 않는 상수를 선언할 때 사용.

재선언 금지, 재할당 금지.

let

재선언 금지, 재할당 가능.

var

재선언 가능, 재할당 가능.

재선언, 재할당

let a = b;
let a = c;	// 재선언이므로 let으로 선언한 a에 사용 불가.

let a = b;
a = c;	// 재할당이므로 let으로 선언한 a에 사용 가능.

variable 값을 추후에 업데이트할 수 있다면(= 재할당) const가 아닌 let 사용.

 

함수 스코프 var와 블록 스코프 const, let을 혼용하지 말 것.

always const, sometimes let, never var.

var 사용시 실수로 값을 업데이트(재할당)해도 알아차릴 수 없음. const의 경우 값 업데이트할 시 에러 발생함.

 

참고 문항

2023.08.09 - [Algorithm & Data structure/문제 풀이] - [JavaScript] 엘리스 트랙 - 집에 가는 길 : 변수 선언

[JavaScript] 엘리스 트랙 - 집에 가는 길 : 변수 선언

변수 안의 데이터 확인 방법

var fruit = "apple";
fruit = "banana";	// 변수 fruit의 데이터 변경 (apple=> banana)

console.log(fruit);	// 콘솔 창에 변수의 데이터(banana) 출력
document.write(fruit);	// 웹 화면에 변수의 데이터 출력

var str1 = "a";
var str2 = "b";
var str3 = "c";

document.write(str1, str2, str3);	// abc. 세 변수 띄어쓰기없이 이어서 출력.

변수 데이터 확인 방법

웹페이지 우클릭 후 F12 (or 크롬 개발자 검사)

변수 데이터 타입 확인 방법

typeof 사용.

console.log(typeof variableName);

변수 생성 시 주의 사항

• 변수명은 숫자로 시작할 수 없음
• 변수명은 최대한 자세하게 작성
• 의미가 불명확한 단어들의 조합은 피할 것
• camel case(ex. iLikeCoding)로 변수 작성.
  (+ Python에선 snake case(ex. i_like_coding)로 변수 작성.)