변수

변수

• 변수(Variable)는 (문자나 숫자 같은) 값을 담는 컨테이너로 값을 유지할 필요가 있을 때 사용
• 여기에 담겨진 값은 다른 값으로 바꿀 수 있음
• 변수는 마치 (사람이 쓰는 언어인) 자연어에서 대명사와 비슷한 역할

 

변수의 선언

• JavaScript에서 변수는 var로 시작
• var은 변수를 선언하겠다는 것을 의미
• var을 생략할 수도 있지만 이것은 유효범위라는 것에 영항을 미침
• var의 의미를 명확하게 이해하기 전까지는 var를 사용하는 것이 권장
• 변수의 이름은 $, _, 혹은 특수문자를 제외한 모든 문자로 시작할 수 있음

 

var a = 1;

alert(a + 1);       //2

 

var a = 2;

alert(a + 1);       //3

 

• // : 주석(comment) : 코드에 부가적인 설명을 쓰거나 사용하지 않는 코드를 비활성화시키기 위해서 사용. // 뒤에 따라오는 내용은 해석되지 않음
• 세미콜론(;) : 하나의 구문이 끝났음을 명시적으로 나타내는 기호. 한줄에 여러 구문을 사용하고 싶을 때 유용. JavaScript에서는 세미콜론 생략가능(이 경우 줄바꿈을 명령의 끝으로 간주)

 

var fist = "coding";

alert(first + " everybody");                     //변수의 값이 숫자만 올 수 있는 것은 아님

var a = 'coding', b = 'everybody';           //변수 a에 coding, 변수 b에 everybody를 할당

alert(a);

alert(b);

 

 

변수가 없다면

• 변수는 코드의 재활용성을 높여줌

alert(100+10);

alert((100+10)/10);

alert((100+10)10-10);

alert(((100+10)10-10)*10);

 

 

 

a = 100;

a = a + 100;

alert(a); a = a / 10

; alert(a); a = a - 10;

alert(a); a = a * 10;

alert(a);

 

• 두번째 코드에서 첫번째 줄의 100을 다른 숫자로 바꾸면 나머지 로직에 대입되는 변수의 값이 모두 바뀜
• 수정해야 할 코드가 적다는 것은 그만큼 해야 할 일이 줄어든다는 의미고, 그 과정에서 버그가 발생할 가능성을 낮출 수 있음
• 변수의 효용은 반복문, 조건문, 함수와 결합되면 더욱 더 중요해짐