변수 선언, 초기화, 할당

최현호·2022년 4월 4일

0

JavaScript

목록 보기

4/38

변수 선언, 초기화, 할당

컴퓨터에 변수의 정체를 알리고, 공간을 확보하고, 원하는 값을 주는 과정이 변수 선언, 초기화, 할당 과정 입니다.

선언

선언 단계에서는 const, let, var 중 필요한 선언 키워드를 사용 합니다.
변수명을 실행 컨텍스트의 변수 객체에 등록하여 자바스크립트 엔진에 변수의 존재를 알립니다.

초기화

선언 키워드를 통해 이름이 정해진 변수에 값을 저장하기 위한 메모리 공간을 확보하고, 암묵적으로 undefined 를 할당 합니다.
또한 선언 키워드에 따라서 과정이 달라집니다.

var

선언과 초기화가 함께 일어나기 때문에, 메모리를 갖고 있는 변수로 간주되어 선언문 앞에서도 해당 변수는 참조가 가능하게 됩니다.
var 로 선언한 변수는 실행 컨텍스트 최상위로 이동하게 되고,
var 키워드로 선언한 변수가 호이스팅이 일어나는 과정이라고 볼 수 있습니다.

let

실행 컨텍스트에 변수를 등록하는 선언 단계를 거치고 난 후
해당 과정에서는 아무런 작업이 일어나지 않습니다.
선언과 초기화 단계가 나누어집니다.
초기 값을 지정하지 않는 다면, 변수는 값이 할당될 때까지 undefined 값을 가지게 됩니다.
초기화 단계는 런 타임 과정에서 발생 합니다.

let byeonSu = 10; // 실제 코드

// 실제 코드를 런타임 과정 시점으로 살펴본다면,
let byeonSu // 초기화 (1) = undefined
byeonSu = 10; // 할당 (2) = 해당 메모리 주소값을 변수에 저장

const

var 와 let 과 달리 변수에 초기 값을 지정하지 않은 채 선언하면 구문에러(SyntaxError)가 뜹니다.
const 로 변수를 선언할 때는 반드시 초기 값을 지정해줘야 합니다.

const apple;  // SyntaxError
const a, b, c;  // SyntaxError
const i = 0; j = 1; k = 2;

할당

= 를 통해 이루어지며 모든 선언 키워드의 할당은 런 타임 과정에서 이루어집니다.

정리

var 는 실행 컨텍스트 Execution phase(실행 단계)에서 선언과 초기화 단계가 이루어지고, 런 타임 과정에서 할당이 이루어집니다.
let, const 은 실행 컨텍스트 Execution phase(실행 단계)에서 선언 단계만 이루어지고,
런 타임 과정에서 초기화 단계 후 새로운 메모리를 확보하여 할당할 값을 저장 합니다.

그리고 초기화 단계에서 undefined가 저장 되어있는 주소 값을 할당 값이 저장된 주소 값으로 교체하여 할당 단계가 이루어집니다.

참고

현재 블로그 : https://choi-hyunho.com/

이전 포스트

var, let, const

다음 포스트

실행 컨텍스트(Execution Context)

0개의 댓글