3.1) 변수
JavaScript의 변수가 다른 언어와 크게 다른 점이라고 하면, JS에서는 변수를 선언하기 위해 자료형을 따로 지정하지 않는다는 것이다. JS의 모든 변수 선언은 var 키워드를 사용한다.
|
var.htm |
|
var num; // 변수 num을 선언합니다. num = 10; // 변수 num에 10을 대입합니다. alert(num); // 변수 num을 출력합니다.
var str; // 변수 str을 선언합니다. str = "Hello, world!"; // 변수 str에 문자열 "Hello, world!"를 대입합니다. alert(str); // 변수 str을 출력합니다. |
|
실행 결과 |
|
10 |
|
Hello, world! |
첫 번째 창에서는 10을, 두 번째 창에서는 "Hello, world!"를 출력한다. num, str 변수 모두 var 키워드를 이용하여 선언된 변수다. 이처럼 JS에서는 var 키워드로 변수를 정의한다.
흥미로운 것은 선언한 변수에 어떠한 값이든 모두 넣을 수 있다는 것이다. 예를 들어 정수를 저장했던 변수에 문자열을 저장할 수 있다. 다음은 이에 대한 예제다.
|
var2.htm |
|
var x = 10; // 변수 x를 선언하고 값을 10으로 초기화합니다. alert(x); // x를 출력합니다. x = "Hello, world!"; // x에 문자열을 대입합니다. alert(x); // x를 출력합니다. |
실행 결과는 위와 같다.
JS에서는 변수를 중복적으로 정의할 수 있다. 다음은 이에 대한 예제다.
|
var3.htm |
|
var x = 10; // 변수 x를 선언하고 값을 10으로 초기화합니다. alert(x); // x를 출력합니다. var x = "Hello, world!"; // 변수 x를 선언하고 값을 문자열로 초기화합니다. alert(x); // x를 출력합니다. var x; // 변수 x를 선언합니다. alert(x); // 변수가 재정의 되었다고 해서 // 이전 값이 사라지지 않습니다. |
|
실행 결과 |
|
10 |
|
Hello, world! |
|
Hello, world! |
이러한 내용에만 주의하면, JS의 변수 사용은 여타 언어와 크게 다르지 않다. 한 줄에 여러 개의 변수를 선언하는 방법도, 변수를 선언하면서 초기화하는 방법도 같다.
