자바스크립트 변수

 

변수

- 문자나 숫자와 같은 데이터를 저장해두는 저장소
- 데이터의 성질에 따라 수치나 문자열 등 몇 가지 종류로 분류되는데 이 성질을 형(Type)이라고 한다.

- Type의 종류 : number, string, object, boolean, null, undefined

- 변수명 = 데이터 값 

- 전역 변수 : 함수 밖에서 선언함 

- 지역 변수 : 함수 내에서 선언함

 

변수 선언

var (데이터형) Temp (변수 이름, 기억 저장 공간) = 숫자, 문자, 부호 등을 대입할 수 있다.

한 번에 한 개의 데이터만 저장.

새로운 데이터가 입력되면 기존의 값은 삭제.

 

변수 이름 지정하는 법

- 영문자, 숫자, 언더바를 조합하여 만들 수 있다.
- 첫 글자는 영문자나 언더바를 사용
- 영문자는 대소문자를 철저히 구분한다.
- 공백이 들어가면 안 됨.
- 예약어로 정의되어있는 문자는 변수로 사용할 수 없다. 

  (자바스크립트 문법에서 기본적으로 정의되어있는 언어, var, document, write 등)

 

변수로 사용할 수 없는 예약어

abstract , boolean , break , byte , case , catch , char , class , const , continue , default , false , function , in , new , public , switch , transient , while , do , final , goto , instanceof , null , return , synchronized , true , with , double , finally , if , intinterface , package , short , this , try , else , float , implements , long , private , static , throw , var , extend , for , import , native , protected , super , throws , void

 

변수 초기화

// 변수 선언
var a;   

// 초기화 
a = 10;  

// 변수 선언과 동시에 초기화
var b = '안녕';   

// var 생략 가능하나, 유효 범위에 영향
c = '씨'; 

 

변수의 효용

변수는 코드의 재활용성을 높여준다.

 

100 + 10
(100 + 10) / 10
((100 + 10) / 10 ) - 10
(((100 + 10) / 10) - 10 ) * 10

계산할 값이 100이 아니라 다른 값으로 바꿔야 한다면 위에 코드는 전부 수정되어야 한다.

 

var a = 100;
a = a + 10;
a = a / 10;
a = a - 10;
a = a * 10;

변수를 사용하면  a의 값만 바꿔주면 된다.