변수

규칙

JS에서 변수를 설정할 때 다음 규칙을 따라야 한다.

• 변수명은 문자와 숫자, $ 과 _ 로 구성할 것, 단 첫 문자는 숫자가 올 수 없다
• 대소문자를 구분한다.
• 코드 가독성 향상을 위해 의미 추측 가능한 변수명을 설정할 것
• 한 파일 내 같은 변수명을 중복할 수 없다
• camelcase(ex. varName) 혹은 snakecase(ex. var_name)방식을 사용

선언과 할당

let food;
food = "아롱사태";
let food = "아롱사태";

위 코드에서 food 변수를 선언함과 동시에 아롱사태라는 문자열 값을 할당했다. 선언과 할당이 다르게 이루어진다는 것을 기억하고 최신 문법에서 왜 var를 대신할 새로운 변수 키워드가 생성됐는지 알아보자.

분류

var

기존 JS의 변수 선언 키워드로 쓰였으나 다음의 결함을 이유로 더이상 사용되지 않는다.

var origin = "good";
//수많은 코드의 줄기
//
//
var origin = "not good";//어? 중복 선언이 된다?
console.log(origin); // "not good" origin의 값이 아무 문제 없이 변경됐다.

var로 변수를 선언하고 할당한 이후 동일한 변수명으로 값을 할당할 때 JS가 이를 문제로 인식하지 않는다! 때문에 코드는 돌아가도 의도대로 돌아가지 않으므로 디버그가 굉장히 어렵다. 문제가 어딘지 알려주지 않으니 직접 찾아야 한다!

let

var에 대응해 재선언을 막은 변수 키워드다. 재선언이 막혔기 때문에 다행히 var에서 예시로 들었던 코드를 에러로 인식하게 된다. 재할당이 가능하기 때문에 값의 변경은 가능하다.

const

const는 let보다 보수적인 변수 선언 키워드로 재할당과 재선언 모두가 불가능한 상수 개념을 지닌다.