JAVASCRIPT의 변수

자바스크립트에 대해 배웠을때 조금이나마 다행이라는 부분이 이 부분이였다..

자바 언어를 배웠을 때 알고있던 내용이 나와서??..하지만 다들 아시다시피 자바와 자바스크립트는 엄연히 다른 언어이다.

내가 정리한 자바스크립트의 변수이다.

 

1. 변수의 선언과 초기화

변수(variable)란 데이터(data)를 저장할 수 있는 메모리 공간을 의미하며, 그 값이 변경될 수 있다. 자바스크립트에서는 var 키워드를 사용하여 변수를 선언한다.

자바스크립트에서는 선언되지 않은 변수를 사용하려고 하거나 접근하려고 하면 오류가 발생하는데 단, 선언되지 않은 변수를 초기화할 경우에는 자동으로 선언을 먼저 한 후 초기화를 진행한다.

<script>
	var month;     //변수의 선언
	var date = 25; //변수의 선언과 동시에 초기화
	month = 12;    //변수의 초기화

	document.getElementById("date").innerHTML =
		"크리스마스는" + month + "월" + date + "일입니다."
</script>

return;
-> 크리스마스는 12 월 25 일입니다.

또한 쉼표(,)연산자를 이용해 여러 변수를 동시에 선언과 초기화를 할 수도 있다.

<script>
	var month, date;
	var hours = 7, minutes = 15;
	month = 10;, date = 5;

	document.getElementById("date").innerHTML =
		"이번 모임의 날짜는" + month + "월" + date + "일입니다.";
	document.getElmentById("date").innerHTML +=
		hours + "시" + minutes + "분까지 꼭 와주세요!";
</script>

ruturn;
-> 이번 모임의 날짜는 10월 5일 입니다.
	 7시 15분까지 꼭 와주세요!

 

2. 변수의 타입과 초깃값

자바스크립트의 변수는 타입이 정해져 있지 않으며, 같은 변수에 다른 타입의 값을 다시 대입할 수도 있다. 이렇게 한 변수에 다른 타입의 값을 여러 번 대입 할 수는 있지만, 한 번 선언된 변수를 재선언 할수는 없다.

<script>
		var num = 10;		// 변수의 선언과 함께 초기화
		document.getElementById("result").innerHTML = num + "<br>";
		num = [10, 20, 30];	// 배열 할당
		document.getElementById("result").innerHTML += num + "<br>";
		var num; 			// 이 재선언문은 무시됨.
		document.getElementById("result").innerHTML += num;
	</script>

ruturn;
-> 10
	10,20,30
	10,20,30

*배열(array)이란 여러 값들로 이루어진 하나의 집합을 의미한다.

자바스크립트에서 선언만 되고 초기화하지 않은 변수는 undefined값을 갖는다.

 

3. 변수의 이름

자바스크립트에서 변수는 이름을 가지고 식별한다. 변수의 이름은 식별자(identifier)이다.

변수의 이름은 영문자(대소문자),숫자,언더스코어(_) 그리고 달러($)로만 구성될수 있다. 또한 변수의 이름은 숫자로 먼저 시작할 수 없다.

이러한 변수의 이름은 대소문자를 구분하며, 자바스크립트 언어에서 예약된 키워드는 이름으로 사용할수 없다.