변수 (Varables)

변수 (Variables)

어플리케이션 내의 값들을 저장하기 위해 사용하는 상징적인 명칭을 변수라고 한다. 변수들의 이름들은 식별자라고도 불리며 어떠한 규칙을 따른다.

자바스크립트 식별자는 반드시 문자, underscore(_), 또는 달러 기호($)로 시작해야 하며, 후속 문자로는 숫자도 가능하다. 자바스크립트는 대소문자를 구분하며, 문자는 “A”에서 “Z”와 소문자 “a”에서 “z”까지 사용 가능하다.

자바스크립트 1.5에서부터 유니코드 문자를 사용할 수 있게 되었다. \uXXXX유니코드를 이용해서 아래와 같이 식별자로 사용할 수 있다.

Category	Unicode value	Name	Format name
White space values	\u0009	Tab
	\u000B	Vertical Tab
	\u000C	Form Feed
	\u0020	Space
Line terminator values	\u000A	Line Feed
	\u000D	Carriage Return
Additional Unicode escape sequence values	\u0008	Backspace
	\u0009	Horizontal Tab
	\u0022	Double Quote	"
	\u0027	Single Quote	'
	\u005C	Backslash	\

적합한 변수 명칭 예로는 board_hits, year1990, and_name 등이 있다.

변수 선언 (Declaring Variables)

2가지 방법으로 변수를 선언:

• 키워드 var를 사용하는 경우. var x = 10. 이러한 방법은 local과 global 변수 선언 모두에 적용됨
• 단순하게 값만을 할당하는 경우. x = 10. 항상 global 변수로 선언하게 되며, 정적 자바스크립트 경고(warning)를 발생. 이러한 변수 선언을 사용하지 말아야 함

변수 평가 (Evaluating Variables)

var 문을 이용한 변수 선언에서 값을 초기화 하지 않을 경우 undefined 값을 가지게 된다.

선언되지 않은 변수에 대해서 접근을 시도할 경우 ReferenceError 예외를 발생시킨다.

var a;

print("The value of a is " + a); // prints "The value of a is undefined"

print("The value of b is " + b); // throws ReferenceError exception

변수에 값이 할당되어 있는지 확인하기 위해 undefined를 사용할 수 있으며, input 변수에는 값이 할당된 상태가 아니며 if 절에서 평가 후 true가 될 것이다.

var input;

if(input === undefined){

  doThis();

} else {

  doThat();

}

Undefined 값은 논리연산자와 함께 사용되어질 경우에는 false와 같다. 예를 들면, myArray 요소에 값이 정의되지 않았기 때문에 false를 리턴해서 myFunction 함수를 실행하게 된다.

var myArray = new Array();

if (!myArray[0]) myFunction();

변수 값이 null 일 경우, null 값은 정수와 함께 사용될 경우 0이 되며 논리연산 영역에서 사용될 경우에는 false 값이 된다.

var n = null;

print(n * 32); // prints 0

변수 범위 (Variable Scope)

특정 함수 바깥에 선언된 변수를 global 변수라 하며, 현재의 document에서는 어떠한 다른 코드에서 선언된 변수를 호출할 수 있게 된다. 함수 내에 선언된 변수를 local 변수라 하며 이것은 해당 함수 내에서만 사용할 수 있다.

자바스크립트는 block statement scope를 가지고 있지 않으며, block 내의 로컬코드가 될 것이다. 아래의 코드 예에서 보듯이 if문의 조건이 false가 되면 0이 리턴 될 것이다.

if (condition) {

  var x = 5;

}

print(x ? x : 0);

자바스크립트에서는 변수를 선언하기 전에 변수를 참조하더라도 예외 발생 없이 사용이 가능하다.

print(x === undefined); // prints "true"

var x = 3;

전역 변수 (Global Variables)

전역 객체(global object)의 속성으로 전역 변수가 있다. 웹 페이지에서의 전역 객체는 window이며, window.xxxx 형태의 구문을 통해서 설정과 접근을 할 수 있게 된다.