[ JavaScript ] 변수명 짓기 & 수정하기

변수명은 변수의 값이 무엇인지 알려주는 역할을 하기 때문에 자세하게 짓기를 권장한다.

 

📌 변수명의 제약사항

1. 특수문자 $ 와 _ 만 사용할 수 있다.

2. 숫자로 시작해서는 안된다.

3. 예약어 ( reserved word ) 를 변수명으로 사용할 수 없다. => 예약어는 자바스크립트 프로그래밍에서 특정한 역할을 하므로 변수명으로 쓰지 않는다.

예약어를 변수명으로 사용했을 때

// 자바스크립트 예약어
// 버전에 따라 추가되거나 제외될 수 있다.
await, break, case, catch, class, const, continue, debugger,
default, delete, do, else, enum, export, extends, false,
finally, for, function, if, import, in, instanceof, new, null,
return, super, switch, this, throw, true, try, typeof, var, void, while, with, yield

---

📌 변수의 값 수정하기

change 라는 변수를 선언하고 대입 연산자를 사용해 새로운 값을 입력하였다.

change = '또 바꾸기' 에서 결과값이 있는 이유는?
let 으로 변수를 선언할 때는 콘솔의 결과값이 undefined 이지만, 변수의 값을 바꿀 때는 결과로 바꾼 값이 나온다.
같은 대입 연산자를 사용했는데 왜 그럴까?

이는 let 의 역할 때문이다.
let 이 없을 때는 코드가 식 이라서 대입한 값이 결과값으로 출력되지만, 
let 이 앞에 붙는 순간 선언문이 된다. 여기서 문 ( statement ) 이라는 개념이 나온다.
문은 식과 다르게 결과값이 없고 식의 자리에 사용할 수 없다.

변수에 넣은 값을 비울 때도 있다.
이때는 두 가지 방법이 있다. undefined를 대입하거나 null을 대입하는 것이다.

null 이 들어있으면 의도적으로 빈 값이구나를 알 수 있다. 그 이유는 컴퓨터는 undefined를 쓰지만 null은 쓰지 않기 때문이다.

---

📌 변수 활용하기

- 변수를 다른 변수에 대입할 수 있다. 변수에 들어 있는 값을 다른 변수에 대입하는 방식이다.

string 변수의 값이 string2 에도 대입된 결과이다.

- 자신을 자신에 대입할 수 있다.

대입 연산자는 산술 연산자보다 우선순위가 낮기 때문에 먼저 number 변수에 5 를 더한 뒤, 그 값인 15 를 number 에 대입하게 된다.

 

앞의 코드를 축약할 수 있다. 이때 += 연산자를 사용한다.

기존 number 변수의 값에 5를 더한 후, 결과값을 number 에 대입한다.

비슷한 원리로 -=, *=, /=, %=, **= 연산자가 있다.

-= 연산자

*= 연산자

/= 연산자 ( 나누기 )

&= 연산자 ( 몫 )

**= 연산자 ( 거듭제곱 )

---

- (도서) Let's Get IT 자바스크립트 프로그래밍

https://thebook.io/

더북(TheBook): Let's Get IT 자바스크립트 프로그래밍

- (강좌) 렛츠기릿 자바스크립트

https://www.inflearn.com/course/

[무료] [리뉴얼] 렛츠기릿 자바스크립트 - 인프런 | 강의