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는 둘 이상의 단어로 변수명을 정할 때 각각의 첫 단어를 대문자로 표시해서 구분하는 방식입니다.

var GoRush
var RedZerg

Lower Camel Case

var newMoon
var appleWatch

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