[JavaScript] Hoisting (호이스팅)과 data type

📝 Hoisting

호이스팅은 감아올리다, 게양한다 라는 의미를 갖고 있다. 그리고 자바스크립트의 호이스팅은 변수가 선언된 시점을 위로 감아올려 버린다는 것이다.

console.log(age);
age = 4;
var age;

해당 코드는 에러가 날 것 같은가? 정상적으로 본다면 에러가 맞다. 그러나 자바스크립트는 이를 에러로 잡지 않는다. var라는 변수는 ES6가 등장하기 전 변수를 선언하던 타입이다. 그리고 이 var는 hoisting이 적용된 예시의 대명사다.

위의 코드에서 age 선언에 대한 코드는 가장 아래있다. 하지만 이를 가장 위로 끌어올려서 console.log(age)에는 선언은 됐지만 값이 들어있지 않을 때 출력되는 undefined를 출력하게 되고, age = 4라는 코드는 그대로 4를 출력한다.

이는 자바스크립트가 동작할 때, 인터프리터가 변수와 함수에 대해서 미리 메모리 공간에 할당하기 때문이다.

👀 함수도 호이스팅이 돼?

catName("겨울이")

function catName(name) {
	console.log(`제 고양이 이름은 ${name}입니다.`);
}

위의 코드는 분명히 함수 실행 코드가 먼저고 다음에 함수를 선언했다. 하지만 정상적으로 출력값은 '제 고양이 이름은 겨울이입니다.' 가 출력된다.

😄 ES6에서의 변화

함수에 대한 호이스팅은 그대로이긴 하나, ES6 이후 등장한 변수 선언 체계는 hoisting이 적용되지 않는다. let과 const가 바로 그것이다.

let은 mutable한 데이터를 선언할 때 사용하는 변수이고, const는 immutable한 데이터를 선언할 때 사용하는 변수이다. Java로 비유하자면 const는 final이 선언된 변수라고 생각하면 되겠다.

 

📝 Data type

자바스크립트의 데이터 타입에는 여러 가지가 존재한다.

string, number, boolean, null, undefined, symbol, object, function 이 존재한다.

익숙한 것도 있고 아닌 것도 있다. 하지만 거의 대부분 Java와는 다르다. string의 경우 Java에서 char와 String을 합쳐놓은 데이터 타입이고, number는 byte, short, int, long, float, double을 합쳐놓은 데이터 타입이다. boolean은 동일하고, null은 의미는 같지만 Java에서는 레퍼런스 타입들의 기본값이 null이지만, 자바스크립트에서는 undefined가 해당 역할을 대신하고 null은 그냥 빈 값을 의미한다. symbol은 같은 값을 구분할 때 사용하는데 예를 들자면 아래와 같다.

// Symbol 타입
const symbol1 = Symbol('id');
const symbol2 = Symbol('id');
console.log(symbol1 === symbol2); // 같지 않음

const symbol3 = Symbol.for('id');
const symbol4 = Symbol.for('id');
console.log(symbol3 === symbol4); // 같음

const symbol5 = Symbol('toString');
console.log(symbol5); // Symbol(toString) 이 출력됨.
console.log(symbol5.description); // String으로 변환하는 함수 description을 활용할 것.

symbol을 통해서 동등성과 동일성을 만들어낼 수 있다. object 타입은 흔히 생각하는 Json 타입과 거의 동일하고, function 타입은 말 그대로 함수를 지칭한다. 또한, 자바스크립트는 first-class function. 즉, 일급함수라고 하여 함수의 파라미터로 함수를 선언할 수 있는 기가 막힌 기능이 존재한다.

🤪 혼란스러워도 이전보단 낫다..

이건 나에게 하는 말이다. 이전에도 사실 자바스크립트를 잠깐 공부하려고 했던 적이 있다. 하지만 그냥 아 이런 거구나 받아들이면서 공부했었는데 이번에 자바를 깊게 공부하고 나니 자바스크립트의 기본적인 부분도 '이해'라는 것이 가기 시작했다. 확실히 어떤 한 언어를 깊게 공부하고나면 다른 언어를 공부할 때 도움이 된다는 말이 사실이었다. 앞으로도 천천히 해나가야겠다.