자바스크립트 변수, javaScript variables

 

자바스크립트 변수, javaScript variables 

 

여타 다른 프로그래밍 언어와 같이

javaScript에서도 변수는 데이터값을 저장하는 컨테이너 입니다.

 

1. 변수의 선언은 var 키워드를 사용합니다.

(스크립트를 시작할때 사용될 모든 변수를 선언하는 것이 좋은 습관입니다.)

 

예)

 

var x = 5;
var y = 6;
var z = x + y;

 

x=5, y=6, z=11의 값을 기대할 수 있습니다.

 

javaScript의 모든 변수는 고유의 이름으로 식별되어져야만 합니다.

이러한 고유한 이름을 식별자 라고 부릅니다.

식별자는 짧거나(x, y와 같이) 좀 더 서술적인 이름(age, sum, totalVolume)도 쓸수 있습니다.

 

변수의 이름을 짓는 일반적인 규칙은 다음과 같습니다.

● 변수명은 문자, 숫자, 언더라인(_), 달러사인($)을 사용할 수 있습니다.

● 변수명은 소문자로 시작되어져야 합니다.

● 변수명은 또한 달러사인($)과 언더라인(_)으로 시작할 수 있습니다.(그러나 이렇게 사용하지는 않죠..)

● 변수명은 대소문자를 구분(case-sensitive)합니다.(y와 Y는 다른 변수명입니다.)

● 예약어(키워드와 같은)는 변수명으로 사용되어질 수 없습니다.

 

변수값의 할당은 이퀄(=)연산자를 사용합니다. 이것은 수학에서의 같다의 의미와는 다릅니다.

 

예)

 

x = x + 5

 

x변수에 x + 5를 할당한다는 의미이지 같다는 의미는 아닙니다.

같다라는 의미의 연산자는 '==' 입니다.

 

 

★2017-12-08 추가

ECMAScript 6 버전부터 변수를 선언하는 방법에 let 과 const 가 추가되었습니다.

아래의 Link를 참조하세요.

 

Link : javascript var, let, const 의 차이, 차이점

javascript var, let, const 의 차이, 차이점

 

2. javaScript변수는 문자, 숫자 등 다양한 데이터 타입을 설정할 수 있습니다.

그리고 이는 자동으로 설정됩니다.

 

예)

 

var pi = 3.14;
var person = "John Doe";

 

3. 한 문장에 콤마(,)를 사용해 여러 변수를 선언 할 수 있습니다.

 

예)

 

var person = "John Doe", carName = "Volvo", price = 200;

 

var 키워드로 시작하고 콤마(,)로 구분합니다.

줄을 바꿔서 선언 할 수도 있습니다.

예)

 

var person = "John Doe", 
carName = "Volvo", 
price = 200;

 

4. 다시 선언된 변수는 그 값을 유지합니다.

 

예)

 

<script>
var carName = "Volvo";  //변수 선언해 "Volvo" 할당
var carName; //같은 변수를 다시 선언하지만 값은 유지
document.getElementById("demo").innerHTML = carName;
</script>

 

위으 스크립트가 실행되면 carName변수의 값이 유지되어 "Volvo"가 출력됩니다.

 

5. 연산이 가능합니다.

 

예)

 

var x = 5 + 2 + 3;

 

변수x값 : 10

 

문자열 연산도 가능합니다.

 

예)

 

var x = "John" + " " + "Doe";

 

변수x값 "John Doe"

 

그렇다면 문자와 숫자의 연산은 어떻게 될까요?

아래의 예를 보죠.

 

예)

 

var x = "5" + 2 + 3;

 

숫자를 문자로 연산하면 숫자는 문자열로 다뤄져 연결만 합니다.

변수x값  "523"