JavaScript 변수명 작성시 규칙 및 금지 예약어

자바스크립트 변수명에는 하이픈 -이 올 수 없습니다. 변수명 첫 글자는 숫자가 올 수 없습니다. 몇몇 예약어는 자바스크립트 변수명으로 사용될 수 없습니다.

JavaScript 변수명 언더바(_) vs 하이픈(-)

자바스크립트 변수명에는 언더바(-)는 올 수 있지만 하이픈(-)은 올 수 없습니다.

var blue_book; //맞는 문법
var blue-book//틀린 문법

JavaScript 변수명 첫 글자

자바스크립트 변수명의 첫 번째 문자에는 숫자가 올 수 없습니다.

var 3sports;//숫자가 먼저 와서 틀린 문법
var sports3;//문자가 먼저 와서 맞는 문법

언더바(_), $ 등의 문자는 첫 글자로 자유롭게 올 수 있습니다.

var _babya;
var $nightball;

JavaScript 변수명 금지 단어 예약어

자바스크립트에서는 이미 변수명으로 설정된 몇 개의 고유한 단어가 있습니다. 또는 다른 프로그래밍 언어에서 자주 사용되는 고유 변수명의 경우도 사용하지 않는 것이 좋습니다.

이렇게 미리 정해진 변수명을 예약어라고 부릅니다. 아래 예약어로 변수명을 작성하면 스크립트가 정상적으로 작동하지 않습니다.

자바스크립트 예약어 목록
abstract arguments boolean
break byte case
catch char class
const continue debugger
default delete do
double else enum
eval export extends
FALSE final fianlly
float for function
goto if implements
import in instanceof
int interface let
long native new
null package private
protected public return
short static super
switch synchronized tis
throw throws transient
TRUE try typeof
var void volatile
while with yield

사용할 변수명이 사용 불가인지는 JavaScript Variable name Validator를 통해 알아볼 수도 있습니다.

JavaScript 변수명 표기법

변수명의 표기법은 규칙은 아닙니다. 하지만 변수명을 잘 작성하면 가독성과 나중에 수정에 유리하기 때문에 몇 가지 통용되는 표기법이 있습니다.

Underscore 언더바(_) 표기법

변수명에 왜 언더바(_) 기호가 허용될까요? 변수명을 두 가지 이상의 단어로 설정해야 될 때 유용하기 때문입니다. 변수명의 단어를 언더바(_)로 이어서 표시할 수 있습니다.

var red_bear;
var big_money;
var F_22

Upper Camel Case

Camel Case란 마치 낙타의 등처럼 대문자와 소문자를 섞어서 쓰는 표기법을 말합니다. Upper Camel Case는 둘 이상의 단어로 변수명을 정할 때 각각의 첫 단어를 대문자로 표시해서 구분하는 방식입니다.

JavaScript-Camelcase

var GoRush
var RedZerg

Lower Camel Case

var newMoon
var appleWatch

Lower Camel Case는 변수명의 첫 단어만 소문자로 입력하고 두 번째 단어부터 대문자로 입력하는 표기법입니다.