<aside> 📌

undefined

변수 선언에 의해 확보된 베모리 공간을 처음 할당이 이뤄질 때까지 빈 상태로 내버려두지 않고, 자바스크립트 엔진은 undefined로 초기화 한다.

따라서 자바스크립트 엔진에 의해 undefined로 초기화 하는 것이 아니라

개발자가 “의도적”으로 undefined를 변수에 할당하는 것은 본래 취지와 어긋날 뿐 아니라 혼란을 줄 수 있어서 권장하지 않는다.

✏️ 만약, 변수에 값이 없다는 것을 의도적으로 명시하고 싶을 땐?

→ null

</aside>

<aside> 📌

null

null은 변수에 값이 없다는 것을 의도적으로 명시할 때 사용한다.

⭐️ 변수에 null을 할당하는 것은 변수가 이전에 참조하던 값을 더 이상 참조하지 않겠다는 의미

이전에 할당되어 있던 값에 대한 참조를 “명시적으로 제거하는 것”을 의미하며, 자바스크립트 엔진은 가비지 콜렉션을 수행할 것이다.

</aside>

let variable;
console.log(variable); //undefined

variable = null;
console.log(variable); //null

→ 변수를 선언만 한 경우,

변수 공간만 남아있고 값이 정해지지 않았기 때문에 undefined가 출력

→ null 이라는 값을 할당 한 경우,

“명시적”으로 값이 없다 라고 지정해 준 것이다.

✏

let activeItem; // 아직 활성화된 아이템이 있는지 없는지 모르는 상태!
activeItem = null; // 활성화된 아이템이 없는 상태!

✏

**console.log(typeof null); //object**

console.log(typeof undefined); //undefined

typeof 연산자로 null 값을 연산해 보면 “null”이 아닌 “object”로 반환된다.

이것은 자바스크립트의 첫 번째 버전의 버그이다.