[javascript 언어공부] 변수

변수란? 

변할 수 있는 수 

영어로는 variable 이라고 한다. 

이는 문자나 숫자같은 값을 담는 컨테이너로 사용된다.

자바스크립트에서 변수를 사용할 때는 

var이라는 키워드를 사용하고, 이 키워드는 변수를 선언하겠다는 것을 의미한다.

var a = 1;이라고 하면 a라는 이름을 가진 변수를 생성한 것이다. 

여기서 var은 생략 가능하지만, 생략할 때는 왜 생략하는가를 알고 있는 상태에서 생략해야 하며,

그렇지 않고서는 생략하지 않는것이 좋다. 

변수를 사용해보자.

var a = 1; 

console.log(a)라고 하면 1이 출력된다. 

a값은 바뀔 수 있는데, a가 일종의 그릇이기 때문에 어떤 값이든 들어갈 수 있기 때문이다.

만약 

a = 1;

b = 2; 

alert(a+b)는 //3이 출력되고

a = 3이라고 입력 후 다시

alert(a+b) 이라고 입력하면 //5가 출력된다. 

변수에는 문자도 들어갈 수 있다.

var first = 'coding'; 이라고 입력 후 

alert(first+' everybody'); 를 실행하면

'coding everybody'가 출력된다.

처음 변수를 만들 때는 var이라는 것을 사용하고 

이후에는 var를 붙이지 않아도 된다. 

var를 일일이 쳐주는게 귀찮으면, var을 한번 쓰고 

var a = 'coding', b = 'everybody'; 

로 콤마로 연결해줘도 되며, 

alert(a+b)를 실행하면 

'coding everybody'가 출력된다. 

그렇다면,,,,,대체 변수는 왜 사용하는가?

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

재활용성은 좋은 코드를 작성하는데 가장 중요한 키워드이다. 

예를 들어 100이라는 숫자에 10을 더하고 화면에 출력해본다.

그 후에 10을 나눈후 출력하고, 거기에 10을 뺴고 출력하고, 그후에 10을 곱해서 출력해야 한다고 치자

alert(100+10);

alert((100+10)/10);

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

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

이와 같이 출력이 될 것이다.

하지만 갑자기 100이라는 값을 99로 바꿔야한다면??

4번동안 100을 99로 변경해줘야 할 것이다. 

이를 해결하기 위해서는

a = 100;  - 변할 수 있는 영역 

a = a + 10; //a의 값은 현재 110이다.  - 변하지 않는 영역

a = a / 10;  //a의 값은 현재 11이다.

a = a - 10;  //a의 값은 현재 1이다.

a = a * 10; //a의 값은 10이다.

만약 100이라는 값을 99로 바꿔야한다면??? 변수 a읠 값을 99로 바꿔주기만 하면 된다.

현재 코드가 짧아 괜찮지만

만약 100줄, 1000줄이 된다면 엄청난 차이가 난다.

코드를 짤 때는 항상 염두해둬야 하는 부분이 '변할 수 있는 영역'이고 

변하지 않는 영역을 구획으로 분리시켜놓는것이 유리하다. 

이렇게 하는 것이 유지보수에 훨씬 용이하다.