📖 자바스크립트 변수

📖 변수란?

변수는 하나의 값을 저장하기 위해 확보한 메로리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다.
간단히 말하자면 변수는 프로그래밍 언어에서 값을 저장하고 참조하는 메커니즘으로, 값의 위치를 가리키는 상징적인 이름이다.

✔️ 변수에 여러 개의 값을 저장하는 방법

var UserId = 1;
var userName = 'Lee';

// 객체나 배열 같은 자료구조를 사용하면 
// 여러 개의 값을 하나로 그릅화해서 하나의 값처럼 사용할 수 있다.

var user = { id: 1, name: 'Lee'};

var users = [
    {id: 1, name: 'Lee'},
    {id: 2, name: 'Kim'}
]

✔️ 변수에 값을 저장하는 것을 할당(대입,저장)이라 하고, 변수에 저장된 값을 읽어 들이는 것을 참조라한다.

✔️ 변수 선언

변수선언이란 변수를 생성하는 것을 말한다. 좀 더 자세히 말하면 값을 저장하기 위한 메모리 공간을 확보하고 변수 이름과 확보된 메모리 공간의 주소를 연결해서 값을 저장할 수 있게 준비하는 것이다. 변수 선언에 의해 확보된 메모리 공간은 확보가 해제되기 전까지는 누구도 확보된 메모리 공간을 사용할 수 없도록 보호되므로 안전하게 사용할 수 있다.
변수를 사용하렴 반드시 선언이 필요하다. 변수를 선언할 떄는 var, let, const 키워드를 사용한다

✔️ 변수 선언의 실행 시점과 변수 호이스팅

console.log(score) ; // undefined
var score; // 변수 선언문

변수 선언이 소스코드가 한 줄씩 순차적으로 실행되는 시점, 즉 런타임이 아니라 그 이전 단계에서 먼저 실행되기 떄문에 undefined가 출력 된다.
변수 선언문이 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트 고유의 특징을 변수 호이스팅이라 한다.

✔️ 값의 할당

변수 선언은 소스코드가 순차적으로 실행되는 시점인 런타임 이전에 먼저 실행되지만 값의 할당은 소스코드가 순차적으로 실행되는 시점인 런타임에 실행된다.

console.log(score); // undefined

var score; // 1 변수 선언
score = 80; 2 값의 할당

console.log(score); // 80

✔️ 값의 재할당

var 키워드로 선언한 변수는 값을 재할당할 수 있다. 재할당은 현재 변수에 저장된 값을 새로운 값을 저장하는 것이다.
재할당은 변수에 저장된 값을 다른 값으로 변경한다. 그래서 변수라고 하는 것이다. 만약 값을 재할당할 수 없어서 변수에 저장된 값을 변경할 수 없다면 변수가 아니라 상수라한다.

출처 모던 자바스크립트 Deep dive.