04.6. 식별자 네이밍 규칙

앞서 식별자에 대해서 배웠습니다. 배운 내용을 회고하자면, 변재할당은 현재 변수에 저장된 값을 버리고 새로운 값을 저장하는 것입니다.

식별자 네이밍 규칙

앞서 식별자(identifier)는 어떤 값을 구별해서 식별해낼 수 있는 고유한 이름을 말한다. 식별자는 다음과 같은 네이밍 규칙을 준수해야 합니다.

• 식별자는 특수문자를 제외한 문자, 숫자, 언더스코어(_), 달러($)를 사용한다.

• 단 식별자는 특수문자를 제외한 문자, 언더스코어 달러기호로 시작해야 한다. 숫자로 시작하는 것은 허용하지 않는다.

• 예약어는 식별자로 사용될 수 없다.

참고) 예약어

자바스크립트의 예약어는 다음과 같습니다.

• await

• break

• case, class, const, continue

• debugger, default, do, delete

• else, enum, export extends

• false, finally, for, function

• if, implements*, import, in, instanceof, interface*

• let

• new, null

• package, private, protected, public

• return

• super, static, switch

• this, throw, true, try, typeof

• var, void

• while, with

• yield

변수 이름도 식별자이므로, 위 네이밍 규칙을 따라야 합니다. 참고로 변수는 쉼표(,)로 구분해서 하나의 문에서 여러 개를 한번에 선언할 수 있습니다.

var person, first_name, last_name;

좋은 변수의 이름은 가독성을 높이며, 목적을 한번에 이해할 수 있게 합니다. 네이밍 컨벤션은 하나 이상의 영어 단어로 구성된 식별자를 만들 때 가독성 좋게 단어를 한눈에 구분하기 위해 규정한 명명 규칙입니다.

// 카멜 케이스
var firstName;

// 스네이크 케이스
var first_name;

// 파스칼 케이스
var FirstName;

// 헝가리언 케이스
var strFirstName; // type + idntifier
var $elem = document.getElementById("myId"); // DOM 노드
var observable$ = fromEvent(document, "click"); // RxJS 옵져버블

일반적으로는 변수나 함수의 이름에는 카멜케이스를 사용하고 생성자 함수, 클래스의 이름에는 파스칼 케이스를 사용합니다.