자바스크립트를 사용하려면 '변수'라는 개념이 필수적이다.
코드를 짜게되면 데이터를 다루어야 하는데, 이러한 데이터를 넣고 관리할 수 있는 수단이 변수이기 때문이다.
변수란 '데이터에 붙이는 이름표'라고 할 수 있으며
변수를 선언한 뒤 계속해서 재사용하듯이 사용할 수 있다.
변수 선언 구조
let 변수명 = 데이터(ex. number, spring, array, boolean 등등)
변수가 생성되고 나면 변수명을 지정된 데이터 대신 사용할 수 있다.
변수명에는 몇가지 제약사항이 있다.
- 오직 문자, 숫자, 기호$과 _만이 포함 될 수 있다.
- 변수명 첫번째로 숫자가 올 수 없다.
- 이미 다른 뜻을 가진 단어(키워드: ex.boolean)으로는 변수명으로 사용할 수 없다.
변수를 선언할 때 사용하는 키워드는 3가지가 있다.
바로 var, let, const이다.
이 3가지는 데이터의 이름표와 같은 역할을 한다는 점에서 비슷하지만 차이점이 있다.
3가지를 설명하기 전 '중복 선언'과 '재할당'에 대한 설명이 있어야 할 것 같아 추가한다.
중복선언: 같은 이름의 변수 선언.
재할당: 특정 변수에 할당된 데이터를 다시 할당하는 것.
var
- 중복선언이 가능하며 후에 선언된 값으로 재할당된다. var는 자바스크립트 초기부터 있었던 변수 명령문이며, 중복과 재할당이 가능하다는 특징 때문에 변수 덮어쓰기나 전역 객체 오염 등의 가능성이 있다.
let
- 중복 선언은 불가능하며 재할당이 가능하다.
const
- 중복 선언과 재할당 모두 불가능하며, 선언 이후 값이 변경되지 않는 '상수'이다.
var와 let은 선언 이후 초기화(데이터 대입)이 가능하지만
let num;
num = 1;상수인 const는 선언과 동시에 초기화를 해주어야만 한다.
const num = 1;이제 변수와 상수를 사용하여 코드를 짜보려고 한다.
var word;
word = '안녕';
word = 'Hello';
console.log(word);
// 결과값: 'Hello'
let num;
num = 1;
console.log(num);
// 결과값: 1
const num2 = 1;
const result = num2 + 2;
console.log(result);
// 결과값: 3
hyohyo