Js 변수

• 변수(variable) 란 ? 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙힌 이름이다.  프로그램을 만들때는 특정한 값을 지정해야 하는 상황이 많이 발생하는데, 이 때 사용하는게 변수 
• 컴퓨터에서는 값을 저장해두는 것이 아주 중요. 계산을 그냥 한다던지하면 값이 저장되지 않고 그냥 날아가는 걸 볼 수 있다. 
• 어떤 값을 가지고 있더라도 저장되는 공간을 정해놓지 않으면 어디에 넣었는지 알 수 없는 상황이 발생하듯이, 변수를 통해서 어떤 값에 대한 공간을 저장해준다고 생각할 수 있다. 
• 앞으로는 변수에 저장을 해두고 그 변수를 통해서 계산하는 경우가 많을 것이다. 

 

• console.log('123') 을 치게되면 console창에는 123 값과 그 밑에 undefined라는 값이 나오게 된다. 이말은 console.log는 값을 돌려주는게 아니라 그냥 콘솔에서만 실행을 시켜준다는 의미로 보면 됨. 하지만 123을 변수로 지정해놓고 그 변수를 쳤을때 나온 값이라면 실제로 우리가 컴퓨터를 통해서 돌려받은 값이 된다. 
• 변수를 만드는 행위를 선언한다. 라고 하고 선언과 동시에 값을 넣는 것을 초기화한다. 라고 함 
• 대입연산자(=)는 우선순위가 낮은 편이라 오른쪽의 더하기 연산자 먼저 다 작동 한 뒤에 변수의 값으로 지정된다. 

> let total = 5000 + 8000 + 10000 + 9000;

• 변수를 선언하면 컴퓨터는 값으로 undefined를 보여줌. 컴퓨터의 메모리에 변수의 값이 저장되는데, 내용물이 값(32000)이고, 이름표가 변수명(total), 창고가 메모리 이다. 
• 그럼 이 메모리는 계속 저장되어 있을까? 아니다. 램같은 저장장치에 저장하는 것만 남아있고 메모리에 저장되는건 남아있지 않는다. 
• console은 우리가 따로 선언하지 않았는데 어떻게 사용할 수 있을까? 이미 브라우저가 기본적으로 제공해주는 애기때문이다. ex> window, docudment, console etc

 

#변수 이름 짓기 

• 변수에 값을 대입하지 않으면 undefined가 출력됨. 
• null은 기본적으로 사용할 일이 별로 없음. 
• 변수는 두번 연달아 선언하면 에러가 난다.

let empty; let empty; //syntax error 발생
//콘솔창에서 하면 그냥 될수도 있지만 컴파일러에서 하면 안될 수도 있음//

• 변수명은 이름표이기 때문에 변수명이 겹치지 않도록 해야 한다. 최대한 자세하고 명확하게 그 값이 뭔지 알 수 있도록 정해야 함 
• $ , _ 를 포함해 변수이름을 설정할 수 있다. (키보드 자판에 있는 애중에서 )
• 한글이나 한자로도 변수명을 설정할 수 있음. 하지만 최대한 영어로 쓰는게 좋다. 
• 숫자도 넣을 수 있지만 첫글자로는 사용 안됨.
• camelCase를 많이 사용한다. 
• 이미 예약된 변수이름은 사용 할 수 없음 ex. class, let etc

 

#변수 수정하기

let change = '123' // '123'으로 값을 지젇했다. 
chamge = '234' // 값을 다시 '234'로 바꿈

• 값을 바꿀 때 빈값으로 둬야되는 상황이 있다면 null을 사용하는게 좋다. null을 다른사람이 보면 이 함수의 값을 일부러 비워놨다는 의도를 파악할수 있게 되니까. underfined로도 설정할 수 있지만 이건 기본값으로도 지정되기 때문에 다른사람이 봤을 때 일부러 설정한건지, 기본값으로 그냥 비어있던건지 알수가 없다. 

 

• 아까 만들었던 변수를 새로운 변수에 넣으면 둘이 똑같은 값을 가지게 된다. 
• 자기 자신에 값을 대입할 수도 있음. = 는 대입연산자이기 때문에 가능 

let number = 5 ;

number = number + 3 ;  // 8로 값이 변경됨

• [number  = number + 3] 의 코드를 축약도 가능하다. 기존에 있던 number 함수에 3을 더한 값을 다시 number라는 변수에 대입한다라고 보면 됨.  

number += 3 ;

• 비슷한 연산자로 -=. *=, /=, $=. **= 도 있다.
• 초보자는 이런 문자를 보면 헷갈릴수 있기 때문에 항상 풀어서 생각하는게 좋다. 

 

• 변수는 계산된 값을 저장할때도 사용하지만 중복을 줄일때도 사용한다. 
• 코드에서 문자열이 반복될때 만약 문자열의 길이가 수백 자 이상이면 줄마다 바꿔줘야 한다. 하지만 변수를 처리해놨다면 변수에서만 수정해주면 되니까 간단하게 수정 가능!