[JavaScript] 변수와 상수

변수란?

데이터(어떠한 수, 문자, 위치 정보 등)를 저장할 수 있는 메모리 상의 공간이다.
변수는 언제든 값을 저장할 수 있고, 값이 변경될 수 있다.
선언되지 않은 변수를 사용하려고 하거나, 접근하려고 하면 오류가 발생된다.
또한, 선언되지 않은 변수를 초기화할 경우, 자동으로 선언을 먼저한 후에 초기화가 진행된다.
유효 범위에 따라 전역 변수와 지역 변수로 구분이 가능하다.

---

전역 변수

• 프로그램 어느 곳에서나 식별할 수 있는 변수를 의미한다.
  • 함수 외부에서 선언되어, 프로그램 전체에 접근이 가능하다.
• 유지 보수나 재사용에 대해 관리가 어렵다.

1. 선언과 할당

변수의 선언

1. 컴퓨터 메모리(RAM) 상에 데이터를 기록하기 위해 공간을 예약한다.
2. 예약한 공간을 식별할 수 있는 이름을 지정하는 처리를 진행한다.
3. 변수 이름 앞에 var 키워드를 명시하고 변수 이름을 지정한다.
4. 하나의 구문은 세미콜론으로 끝나야 한다.

var 변수이름;

• 변수를 선언하게 되면 아무 의미 없는 값인 null 값이 담기며, null 값을 초기화시켜 주어야 한다.
  • 변수에 값을 처음 할당하는 것을 초기화라고 한다.
  • 그러나 이것을 초기화한다고 하지 않고, 변수에 값을 할당한다고 표현한다.
  • 초기화는 필시 상수로 해 주어야 한다.

변수 값의 할당

선언된 변수에 대입 연산자=를 사용하여 값을 대입하는 것을 할당이라고 한다.
할당은 항상 오른쪽에서 왼쪽으로 대입한다.

변수이름 = 값;

선언과 할당의 통합

변수를 선언하면서 대입 연산자를 활용해 값의 할당까지 한 라인에서 처리 가능하다.

var 변수이름 = 값;

2. 변수 값 변경하기

한 번 값이 할당된 변수는 언제든 몇 번이고 다른 값으로 새롭게 할당, 즉, 변경이 가능하다.

var num = 100;
num = 200; // 변경

3. 변수 이름 규칙

1. 영어, 숫자, 언더바(_), '$' 기호만 사용 가능하다.
2. 첫 글자는 숫자로 시작할 수 없다.
   • 일반적으로 영어 소문자로 시작한다.
3. 두 개 이상의 단어를 결합하여 이름을 지정하는 경우
   • 스네이크 표기법: 띄어쓰기가 필요한 위치에서 언더바를 사용한다.
     • 변수를 정의할 때는 잘 사용되지 않는다.
     • ex) home + work = home_work
   • 카멜 표기법: 띄어쓰기가 필요한 위치의 첫 글자를 대문자로 변경하여 사용한다.
     • 변수를 정의할 때를 포함하여 거의 대부분의 경우, 일반적으로 사용한다.
     • ex) home + work = homeWork
4. 잘 알려지지 않은 규칙이지만, UTF-8 환경에서는 한글도 사용 가능하다.

4. 전역 변수의 재선언

var 키워드를 사용하여 선언된 변수는 중복 선언이 가능하며, 변수 스코프(유효성 범위)도 무시된다.
이러한 특성은 JS를 제외한 모든 프로그래밍 언어들의 규칙에 위배되는 사항이므로 가급적 사용하지 않는 것을 권장한다.
그러므로, var 사용을 자제하는 것이 좋다.

---

지역변수

함수 내부에서 선언되고 함수 내부에서만 작용하는 변수이며, 함수를 벗어나게 되면 변수의 메모리 공간이 소멸되어 사라진다.
외부에서 접근이 불가능하며, 초기화를 하지 않으면 에러가 나거나 쓰레기 값이 지정된다.
ES6 버전에서 새롭게 추가된 변수 생성 방법이며, 대부분의 프로그래밍 언어에서 말하는 일반적인 변수의 생성 규칙을 따른다.
그러므로, 전역 변수보다는 지역 변수의 사용을 권장한다.

1. 지역 변수의 선언과 할당

지역 변수 선언

let 키워드를 사용하여 선언한다.

let 변수이름;

지역 변수 할당

var 키워드를 사용한 전역 변수의 경우와 동일하다.

변수이름 = 값;

선언과 할당 통합

var 키워드의 경우와 동일한 규칙으로 선언과 할당을 한 행에 축약한다.

let 변수이름 = 값;

2. 중복 선언 금지

let 키워드를 사용하여 선언된 변수는 중복 선언이 불가능하며, 
일반적인 프로그래밍 언어의 규칙을 모두 따른다.

※ 전역 변수와 지역 변수 비교

전역 변수	지역 변수
프로그램 어느 곳에서나 식별이 가능하다.	함수 내부에서 선언되고 함수 내부에서만 작용한다. 외부에서 접근이 불가하다.
중복 선언이 가능하다.	중복 선언이 불가하다.
일반적인 변수의 생성 규칙을 따르지 않는다. 변수 스코프(유효성 범위)가 무시된다.	일반적인 변수의 생성 규칙을 따른다.

---

상수

최초로 값을 할당한 이후, 값을 변경할 수 없는 상태(=읽기 전용)을 상수라고 한다.
const 키워드를 사용하며, 선언과 동시에 값이 할당되어야 한다.
만약 선언한 후, 값을 대입하게 되면 오류가 발생한다.
값이 변할 수 있는 변수와는 달리, 상수는 변하지 않고 고정된 값을 가진다. 그렇기에 재선언이 불가하다,
변수와 중복된 이름을 가지는 것이 불가능하며, 전역이 될 수도, 지역이 될 수도 있다.

1. 상수 이름 규칙

대문자만을 구성된 스네이크 표기법 사용

const NUMBER = 123;
const MY_NUMBER = 456;

카멜 표기법을 사용하는 경우도 종종 있음

const number = 123;
const myNumber = 456;

2. 상수를 사용하는 이유

상수의 특성으로 인해, 코드를 상대적으로 더 엄격하게 사용하는 장점이 있어 예상하지 못한 오류를 줄이는 데에 도움이 된다.

 

---

var / let / const의 차이점

var

• 중복 선언 가능
• 재할당 가능
• 어느 곳에서나 식별 가능 (전역 변수)

let

• 중복 선언 불가능
• 재할당 가능
• 외부에서 접근 불가능 (지역 변수)

const

• 선언과 동시에 값 할당
• 중복 선언 불가능
• 재할당 불가능 (고정된 값을 가짐)