자바스크립트(JavaScript) - 변수, 선언, 호이스팅

자바스크립트 변수

변수는 메모리 공간에 이름을 지정한 것입니다.

지정한 이름을 통해 정해진 공간에 값을 저장하고 사용합니다.

---

자바스크립트에서 변수 선언

자바스크립트에서는 var, let, const 키워드를 사용해 변수를 선언할 수 있습니다.

var a;            
var a = 1; 

let b;
let b = 1;

const c;
const c = 1;

이렇게 var, let, const를 사용해서 변수를 선언하거나 또는 변수 선언과 동시에 값을 저장할 수 있습니다.

값을 지정하지 않으면 변수에는 "undefined" 값이 들어가 있습니다.

---

식별자(identifier)

자바스크립트에서 변수 는 값을 저장하기 위해 확보한 메모리 공간자체 또는 메모리 공간을 식별하기 위한 식별자 라고한다.
값을 저정하는 것을 할당 이라 하고 저장된 값을 읽어 오는것을 참조 라고 합니다.

---

변수선언 특징(var, let, const)

var

중복선언,재할당가능

var a = 25;
var a = 21;          // 중복선언,재할당

console.log(a);       

선언한 a값이 재할당되어 a는 21이라는 값이 나오는것을 확인할수있습니다.

let

재할당가능

let a = 10;
console.log(a) // 결과값: 10

a= 5;
console.log(a) // 5

let a = 20;  // 에러

const

선언과 할당이 동시에 진행돼야 한다.

const a = 10;
a = 5;  // 에러(재할당x)

const b; << 에러 (선언 + 할당 둘다 되야됨)
b = 5;   << 에러 (선언 + 할당 둘다 되야됨)

호이스팅

인터프리터가 변수와 함수 메모리 공간을 선언 전에 미리 할당하는것을 의미한다.자바스크립트 엔진은 실행하기전에 모든 선언을 스코프에 먼저 등록한다.

console.log(a);   //undefined
a = 25;           //할당
console.log(a);   //25
var a;            //선언

변수선언문();       //매서드를 먼저 써도 작동

function 변수선언문(){...} // 맨위로 등록됨
 내용...
}

함수 선언문 또한 코드 구현한 위치와 관계없이 호이스팅에 따라 브라우저가 자바스크립트를 해석할 때 변수선언처럼 맨 위로 끌어 올려진다.