[JavaScript] Null과 Undefined의 차이점

[해당 포스트는 개인적으로 공부를 하고 차후에 참고용으로 하고자 작성한 것입니다.
따라서 잘못된 부분이나 부족한 부분이 있을 수 있기에 참고하시기 바랍니다.]

JavaScript를 사용하다 보면 null과 undefined라는 키워드를 볼 수 있다. null이랑 undefined는 둘 다 값이 없다?라는 개념인 것 같지만 엄연히 차이점이 존재한다.

 

null

null은 비어 있거나 존재하지 않는 값을 의미한다. 변수에 값이 비어있다는 것을 의미하며, 원시 자료형인 null로 분류된다. 그러나 신기하게도 null이 들어있는 변수를 typeof로 Type을 확인하면 Object로 반환한다. 현재 JavaScript 기존 이슈로 인해 나온 결과라 하므로 신경 쓰지 말고 넘어가도록 하자.

!주의 typeof를 통해 Object가 반환됐다고 객체형이라고 오해하면 안 된다! 원시 타입 null이 있다는 것을 생각하고 Object가 아닌 정도로만 생각하고 넘어가자.

undefined

undefined는 변수가 정의 되었지만, 아무런 값도 할당받지 않았을 때를 나타낸다. 이러한 경우는 함수에 명시적으로 값을 반환하지 않았거나, 어떠한 값도 대입하지 않고 정의하였을 때 나온다.

 

let value = null;
console.log(value); //null
console.log(typeof value); //Object

let value2;
console.log(value2); //undefined
console.log(typeof value2); //undefined