[모던 자바스크립트 Deep Dive] 04장 변수

1. 변수란?

하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름(값의 위치를 가리키는 상징적인 이름)

• 저장된 값을 식별할 수 있는 고유한 이름 = 변수이름
• 그 변수에 저장된 값 = 변수 값
• 변수에 값을 저장하는 = 할당
• 변수에 저장된 값을 읽어 들이는 = 참조

2. 식별자란?

어떤 값을 구별해서 식별할 수 있는 고유한 이름.

즉, 식별자는 값이 저장되어있는 메모리 주소와 매핑관계를 맺으며 이 매핑 정보를 메모리에 저장해야 한다.

• 식별자는 값이 아니라 메모리 주소를 가지고 있다.
• 변수, 함수, 클래스 등 메모리 상에 존재하는 어떤 값을 식별할 수 있는 모든 식별자는 선언에 의해 자바스크립트 엔진에 존재를 알린다.

3.  변수 선언

• var, let, const를 사용하여 변수를 선언한다.
• 변수 사용을 위해서느 반드시 선언이 필요하다.
• 자바스크립트에서 변수 선언은 선언 단계 → 초기화 단계 2단계를 거쳐 수행된다.
• keyword : 자바스크립트 코드를 해석하고 실행하는 자바스크립트 엔진이 수행할 동작을 규정한 일종의 명령어

변수를 포함한 모든 식별자(함수, 클래스)를 사용하려면 선언이 필요하며 선언하지 않은 식별자에 접근하면 ReferenceError(참조 에러)가 발생

ReferenceError(참조 에러) = 식별자를 통해 값으 참조하려 했지만 자바스크립트 엔진이 등록된 식별자를 찾을 수 없을 때 발생하는 에러

 

자바스크립트 엔진은 크게 2가지 단계 변수를 선언하고 초기화하는 평가단계와 구문을 실행하는 실행단계을 가진다.
평가 단계 :자바스크립트엔진은 변수선언을 포함한 모든 선언문을 소스코드에서 찾아내 먼저 실행한다.
실행 단계 : 평가 단계 이후에, 소스코드가 한 줄씩 순차적으로 실행된다

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

console.log(score); // undefined

var score; // 변수 선언문

자바스크립트 코드는 한 줄씩 순차적으로 실행되므로 console.log(score);가 실행되는 시점에는 아직 score변수 선언이 실행되지 않았으므로 undefined가 출력된다.

❗️ 그런데 참조에러가 아닌 undefinde가 출력되는 이유는?

변수 선언이 소스코드가 한 줄씩 순차적을 실행되는 시점(런타임)이 아니라 그 이전 단계에서 먼저 실행되기 때문이다.
즉, 자바스크립트 엔진은 변수 선언이 소스코드의 어디에 있든 상관없이 다른 코드보다 먼저 실행한다.
따라서 변수 선언이 소스코드 어디 위치하는지 상관 없이 어디서든 변수를 참조할 수 있다.
변수 호이스팅 : 변수 선언문이 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트 고유의 특징

5.  값의 할당

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

❗️다음 실행결과

console.log(score); //undefined

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

console.log(score); //80

답 : 80

변수 선언은 런타임 이전에 먼저 실행되고 값으 할당은 런타임에 실행된다. 따라서, score 변수에 값을 할당하면, score 변수의 값은 undefined에서 새롭게 할당한 숫자 값 80으로 재할당된다.

 

❗️다음 실행결과

console.log(score); //undefined

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

console.log(score); //??????

내가 생각한 답 : 80

why? 선언은 런타임 이전에 먼저 실행되어 변수에 값을 할당할 때는 이전 값 undefined가 저장되어 있던 메모리 공간을 지우고 그 메모리 공간에 할당 값 80을 새롭게 저장하는 것이 아니라 새로운 메모리 공간을 확보하고 그곳에 80을 저장하니까 !

6. 값의 재할당

• var 키워드로 선언한 변수는 값을 재할당할 수 있다.
• let 키워드는 변수의 재할당은 가능하지면 중복으로 변수 선언이 불가능하다.
• const 키워드는 재선언, 재할당 모두 불가능하다.

7. 식별자 네이밍 규칙

• 식별자는 특수문자를 제외한 문자, 숫자, 언더스코어, 달러기호를 포함할 수 있다.
• 단, 식별자는 특수문자를 제외한 문자, 숫자, 언더스코어, 달러기호로 시작해야하며 숫자로 시작하는 것은 허용하지 않는다.
• 예약어는 식별자로 사용할 수 없다.

https://www.w3schools.com/js/js_reserved.asp

JavaScript Reserved Words