[JavaScript] 변수와 상수

변수

let userName =’Max’

→ 변수는 일종의 데이터 컨테이너 혹은 저장소

→ Let을 이용해서 변수를 생성하고, 그 다음에는 우리가 정한 이름이 온다.

→ 그 다음으로 ‘=’와 변수에 저장할 값을 입력한다.

userName = ’Manu’;

→ 일단 변수가 생성되면 언제든지 새로운 값을 변수에 재할당 할 수 있다.

Let 키워드는 변수를 생성해 처음 도입할 때에만 사용된다.

이후에 새로운 값을 할당할때는 let키워드를 또 입력할 필요가 없다.

---

상수

const totalUsers = 15;

const 키워드를 통해 만들어진 상수의 특별한 점은 값을 변경할 수 없다는 것

totalUsers =20; → (X)

→ 값을 변경할 수 없고, 변경하려고 하면 에러가 발생할 것, 절대로 값이 변해서는 안된다.

변경이 불가능하니 실제로는 변수라고 할 수도 없는 변수에 왜 값을 저장할까?

→ 우리의 코드에 절대 변하지 않는 값이 있을 수 있는데, 이런 값을 데이터 컨테이너에 저장하는 것은, 이런 값 또한 중앙에서 일괄적으로 초기화를 하기 위함

ex) 한 상수를 파일 초반부터 프로그램 전체에 걸쳐 사용했다고 가정하자, 여러 다른 위치에서 동일한 상수를 여러번 사용한 것이다.

그렇다면 동일한 하나의 상수를 항상 참조하게 될 텐데 코드를 작성할 때 그 값을 변경하고 싶다면, 열곳의 다른 위치 모두에서가 아니라 단 한 곳에서만 변경을 할 수 있다.

let으로 생성한 변수는 변할 수 있고

const로 생성한 변수는 변할 수 없다.

일반적인 구문은 키워드와 이름을 적고 값을 바로 저장하고 싶다면 = 기호 뒤에 값을 적으면 된다.

팁을 하나 주자면 상수를 최대한 자주 사용하는게 좋다.

→ 상수는 값을 변경할 수 없어서 최대한 자주 사용해라. 일부 코드의 수명 주기 전반에 걸쳐 절대 변하지 않는 값이 있다면 이를 명확히 함으로써 다른 개발자가 우리 코드를 읽을때 절대 변하지 않는다는 것을 알려주는것.

---

변수선언&정의

변수의 이름을 만들 때 주의해야 할 권장 사항이 몇가지 있다.

허용되는 이름과 허용되지 않는 이름

---

Allowed

let userName

가장 추천하는 방법은 camelCase

이름이 소문자로 시작되고 한 단어로만 이루어지는 방식. 즉 단어 내에 공란이 없다. 그리고 이름 내의 단어 구분은 ‘userName’ 내에서의 Name 같은 경우, 가독성을 높이기 위해 대문자로 시작

변수의 이름으로는 변수 내에 어떤 종류의 데이터가 저장되는지를 묘사해주는 이름을 주는것이 좋음

let ageGroup5

변수 이름에는 어떤 글자나 숫자도 사용이 가능함.

let $kindOfSpecial

변수의 이름이 $으로 시작해도 괜찮다. 이름의 어디에서든 사용할 수 있으면 가장 앞에 와도 된다.

let _internalValue

비슷하게,ㅡ 변수 이름의 맨 처음 또는 어느 위치에라도 ‘_’를 사용할수 있다.

---

Not Allowed/ Not Recommended

let user_name

사실 허용은 되지만, 추천되는 방식이 아님. camelCase표기법을 따르는것이 좋음. (Snake case) 기술적으로는 유효한 이름이지만, 권장되지 않음

let 21Players

변수와 상수의 이름은 숫자로 시작해서는 안됨.

let user-b

변수 이름의 맨 앞 또는 어느 위치에든 $와 _를 사용할 수 있지만, 그 외의 모든 특수 문자는 맨 처음에서든 어느위치에서든 사용이 불가능 하다. ‘-’나 공란은 허용되지 않는다. _는 사용할 수 있지만 다른 특수문자들은 위치에 상관없이 사용 불가능

let let

const let 같은 키워드들을 이름으로 사용하는것은 허용되지않음. JS가 입력된 내용이 키워드인지 변수 이름인지 구분할 수 없기 때문

JS에서는 변수에 값을 할당하여 꼭 초기화 할 필요가 없다.

let currentResult

그냥 이 상태로는 초기화되지 않은 변수가 되는 것

변수가 그냥 선언된 상태이다.

JS 프로그램이 해당 변수가 존재함을 인식하게 되었으나 아직 초기화 또는 정의는 되지 않은 상태이다. 아직 값, 즉 내가 설정한 값을 가지고 있지 않다.

let currentResult = 0

이 결과 변수에 대해서는 초기값을 할당하려 함.

=을 추가하고 그리고 초기값인 0을 지정.

이 변수는 추후 덧셈이나 뺄셈등의 계산에 사용될 변수이다. 그래서 0을 사용

let currentResult = 0;

한줄의 코드를 끝내기위해 ;을 사용한다. JS에서 ;으로 마무리 하는것은 일반적으로 선택사항이다.

예를들어 let const a=1; let const b= 2 같이 한줄에 두 개의 표현식이 들어가는 경우에는 세미 콜론을 생략할 수 없다.