04 변수

변수란 무엇인가

10 + 20;

위와 같은 코드를 실행한다면, 자바스크립트 엔진은 + 연산을 수행하기 위해 먼저 + 의 좌변과 우변의 숫자값, 즉 피연산자를 기억한다.

메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체다.

메모리 셀 하나의 크기는 1바이트(8비트)이며, 컴퓨터는 메모리 셀의 크기, 즉 1바이트 단위로 데이터를 저장하거나 읽어들인다.

각 셀은 고유의 메모리 주소를 갖는다.

위 예제의 숫자 값 10과 20은 임의의 메모리 주소에 기억되고 CPU는 이 값을 읽어 들여 연산을 수행한다.

이 값을 재사용하기 위해서는 메모리 주소를 통해 값에 직접 접근하는 것이 아니라, 변수에 값을 할당해야 한다.

변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다.

프로그래밍 언어에서 값을 저장하고 참조하는 메커니즘으로, 값의 위치를 가리키는 상징적인 이름이다.

메모리 공간에 저장된 값을 식별할 수 있는 고유 이름을 변수 이름이라 한다. 그리고 변수에 저장된 값을 변수 값이라고 한다.

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

식별자

변수 이름을 식별자 라고 함

식별자는 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 말한다. 식별자는 값이 아니라 메모리 주소를 기억하고 있다.

변수 선언

변수 선언이란 변수를 생성하는 것. 메모리 공간을 확보하고 변수 이름과 메모리 공간의 주소를 연결해서 값을 저장할 수 있게 준비하는 것.

var score; // 변수 선언(변수 선언문)

이렇게 확보된 메모리 공간에는 자바스크립트 엔진에 의해 undefined라는 값이 암묵적으로 할당되어 초기화된다.

자바스크립트 엔진은 변수 선언을 2단계에 거쳐 수행한다.

• 선언 단계 : 변수 이름을 등록하여 자바스크립트 엔진에 변수의 존재 알림
• 초기화 단계 : 메모리 공간 확보 및 undefined 암묵적으로 할당, 이 단계를 거치지 않으면 확보된 메모리 공간에 이전에 다른 애플리케이션이 사용했던 값이 남아 있을 수 있음. 이러한 값을 쓰레기 값(garbage value)라고 한다.

var 키워드를 이용한 변수 선언은 선언 단계와 초기화 단계가 동시에 진행된다.

변수 이름을 비롯한 모든 식별자는 실행 컨텍스트에 등록된다. 실행 컨텍스트는 자바스크립트 엔진이 소스코드를 평가하고 실행하기 위해 필요한 환경을 제공하고 코드의 실행 결과를 실제로 관리하는 영역이다.
변수 이름과 변수 값은 실행 컨텍스트 내에 키/값 형식인 객체로 등록되어 관리된다.

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

console.log(score); // undefined
var score;

변수 선언이 런타임이 아니라 그 이전 단계에서 실행됨.

자바스크립트 엔진은 소스코드를 한 줄씩 실행하기에 앞서 소스코드의 평가 과정을 거치면서 소스코드를 실행하기 위한 준비를 함. 이때 평가 과정에서 자바스크립트 엔진은 변수 선언을 포함한 모든 선언문을 소스코드에서 찾아내 먼저 실행함.

이렇게 변수 선언문이 코드의 선두로 끌어 올려진 것처럼 동작하는 특징을 변수 호이스팅이라 한다.

값의 할당

값 할당 시 ‘=’를 사용, 우변 값을 좌변에 할당

console.log(score); // undefined
var score = 80;
console.log(score); // 80

변수 선언은 런타임 이전에 실행되고 값의 할당은 런타임에 실행된다.

값의 재할당

재할당이란 이미 값이 할당된 변수에 새로운 값을 또다시 할당하는 것

재할당은 변수에 저장된 값을 다른 값으로 변경한다. 만약 값을 재할당할 수 없어서 변수에 저장된 값을 변경할 수 없다면 변수가 아니라 상수라 한다.

변수를 재할당하면 이전 값이 저장된 메모리 공간을 지우고 새로운 메모리 공간을 확보한 뒤, 그 공간에 값을 저장한다.