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
'STUDY > 모던 자바스크립트 Deep Dive' 카테고리의 다른 글
[모던 자바스크립트 Deep Dive] 09장 타입 변환과 단축 평가 (0) | 2022.03.11 |
---|---|
[모던 자바스크립트 Deep Dive] 08장 제어문 (0) | 2022.03.11 |
[모던 자바스크립트 Deep Dive] 07장 연산자 (0) | 2022.03.10 |
[모던 자바스크립트 Deep Dive] 06장 데이터 타입 (0) | 2022.03.09 |
[모던 자바스크립트 Deep Dive] 05장 표현식과 문 (0) | 2022.03.08 |