JavaScript - 변수

변수가 필요한 이유는 무엇일까?

console.log(7);
console.log(7);
console.log(7);

---

• 이러한 문장이 100개가 있다고 가정하자. 만약 7에서 8로 수정작업이 필요하다면 하나하나 100번의 작업이 필요하게 되는 셈이다. 하지만 변수를 활용하여 7의 값을 a라는 변수에 적용하고 값을 변경하는 작업이 필요할 때에는 a에 들어가는 7의 값만 고쳐주기만 하면 된다. 예시는 밑의 코드와 같다.

let a = 8;
console.log(a);
console.log(a);
console.log(a);

★ 따라서 변수를 통하여 중복된 작업을 피할 수 있으며 코드의 가독성 또한 높아진다는 것을 알 수 있다.

 

그렇다면 변수를 선언하는 방법은 어떤것이 있을까?

var & let & const

• 변수를 선언하는 방법에는 총 3가지 var, let, const 방법이 있다. 또한 자바스크립트는 변수를 선언할 때 형 변환이 자동으로 실행되기 때문에 C언어, C++, JAVA 등 에서 사용하는 int , string, float 등과 같이 구분하여 선언할 필요가 없다.

1.  var 변수 

• var 변수 선언 방식은 과거에 사용되던 방식으로 함수 레벨 스코프(function-level scope)이다. 
• 함수 레벨 스코프란? 쉽게 말해서 함수 내부에서 선언된 변수만 지역변수로 취급되며 함수를 제외한 영역에서는 모두 전역변수로 취급되는 것이다.
• var 선언 특징

var a = 100;
console.log(a)

var a = 200;
console.log(a)

★ var은 다음과 같이 중복 선언이 가능한 장점을 가지고 있다. 필요할 때 마다 변수를 선언할 수 있는데 같은 이름의 변수를 계속해서 사용한다면 문제를 일으킬 수 있는 가능성 또한 가지고 있기 때문에 장점이자 단점이 될 수 있다. 그래서 let과 const가 생겨나게 된다.

 

2. let 변수

• let 변수 선언 방식은 우리가 현재 const와 같이 가장 많이 사용하는 변수 선언방식으로, var의 단점을 보완하기 위하여 새롭게 탄생하였으며 블록 레벨 스코프(block-level scope)이다.
• 블록 레벨 스코프란? 예를 들어 If문, For문, 함수 내부 등 코드의 블록에서 사용된 변수는 무조건 지역변수로 취급된다. 따라서 블록에서 선언된 변수를 외부에서 참조할 수 없게 되는 것이다.
• let 선언 특징

let a = 100;
console.log(a)

a = 200;
console.log(a)

★ let 변수는 var 처럼 중복 선언이 불가능하다. 하지만 위와 같이 재할당이 가능한 특징을 지니고 있다.

 

3. const 변수

• const 변수 선언 방식 또한 블록 레벨 스코프(block-level scope)이다.
• const 변수는 변하지 않는 값(상수)이다. 따라서 재선언, 재할당이 불가능하며 초기값을 반드시 할당해야만 한다.

★ const 변수는 앞서 말했듯이 재할당 및 재선언이 불가능하기 때문에 자주 변하지 않는 값에 const를 사용하는 것이 좋다.