chpater4 변수

4.1 변수란?

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

// 변수는 하나의 값을 저장한다.
var studentId = 1;
var studentName = 'Park';

// 배열이나 객체를 사용할 경우에는 그룹화해서 하나의 값처럼 사용할 수 있다.
var student = {id:1, name:'Park'};

var students = [
  {id:1, name:'Park'},
  {id:2, name:'Kim'}
 ];

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

4.2 식별자(identifier)

• 변수 이름을 식별자라고도 한다. 식별자는 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 말한다.
• 식별자는 값이 아니라 메모리 주소를 가지고 있다.
• 변수, 함수, 클래스 등의 이름과 같은 식별자는 네이밍 규칙을 준수해야 하며, 선언에 의해 자바스크립트 엔진에 존재를 알린다.

4.3 변수 선언

• 변수 사용을 위해서느 반드시 선언이 필요하다.
• 변수를 선언할 대는 var, let, const 키워드를 사용한다.
• 초기화란 변수가 선언된 이후 최초로 할당하는 것을 말한다.
• var 키워드로 선언한 변수는 undefined로 암묵적인 초기화가 자동 수행된다.
• var 키워드로 선언한 변수는 어떠한 값도 할당하지 않아도 undefined라는 값을 가진다.
• 선언하지 않은 식별자에 접근하면 ReferenceError(참조 에러)가 발생한다.
• ReferenceError는 식별자를 통해 값을 참조하려 했지만 자바스크립트 엔진이 등록된 식별자를 찾을 수 없을 때 발생하는 에러다.

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

console.log(score); // undefined

var score; // 변수 선언문

👉 console.log(score);가 실행되는 시점에는 아직 score 변수의 선언이 실행되지 않았으므로 undefined가 출력된다.

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

4.5 값의 할당

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

console.log(score); // undefined

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

console.log(score); // 80

1변수선언은 런타임 이전에 먼저 실행되고 2값의 할당은 런타임에 실행된다. 따라서 score 변수에 값을 할당하는 시점2에는 이미 변수 선언이 완료된 상태이며, 이미 undefined로 초기화되어 있다. 따라서 score 변수에 값을 할당하면 score 변수의 값은 undefined에서 새롭게 할당한 숫자 값 80으로 변경(재할당)된다.

4.6 값의 재할당

• 값을 재할당할 수 ㅇ벗어서 변수에 저장된 값을 변경할 수 없다면 변수가 아니랑 상수라 한다.
• var 키워드로 선언한 변수는 값을 재할당할 수 있다.

4.7 식별자 네이밍 규칙

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

var first-name; // SyntaxError: - 특수문자 ❌ 
var 1st; // SyntaxError: 숫자로 시작 ❌ 
var this; // SyntaxError: 예약어 ❌