[ JavaScript ] undefined와 null의 차이에 대해 알아보기.

 

 

자바스크립트에서 '빈'값을 의미하는 비슷한 원시 값이 존재하는데 바로 null과 undefined 이다.

 

 

 

 

 

 

 

1. undefined

 

ES6기준 7개의 데이터 타입중 하나인 undefined는 var 키워드를 통해 선언을 하면 선언과 동시에 자바스크립트 엔진에 의해 undefined로 초기화 되기 때문에, 할당문 이전에 변수를 참조하려고 하면 undefined가 반환된다. ( let 키워드와 const 키워드는 undefined로 초기화되지 않음. )

 

var user;
console.log(user); // undefined

 

 

undefined의 값은 undefined가 유일하며 개발자가 의도적으로 준 빈 값이 아니라, 자바스크립트 엔진에 의해 undefined로 초기화된 값이다.  console로 찍었을 때 undefined가 반환된다면, 변수가 선언된 이후 할당된 적 없다는 것을 알 수 있다.

 

 

 

 

 

 

 

2. null

 

null 또한 undefined와 마찬가지로 ES6기준 7개의 데이터 타입 중 하나이며, null타입의 값은 null 이 유일하다.

자바스크립트는 대. 소문자를 구분하기 때문에 null, Null, NULL은 서로 다르다.

 

null은 변수에 값이 없다는 것을 명시적으로 나타내 줄 때 사용하며 값이 할당된 변수에 null을 할당하게 되면 이전에 참조하던 값을 참조하지 않겠다는 의미가 된다.

 

var age = 24;
age = null;

 

 

 

 

 

 

=> 한마디로 정리하면 개발자가 의도적으로 값이 없음을 명시하고 싶을 때는 null을 사용하고, 변수를 참조했을 때 undefined가 반환되었다면 해당 변수는 선언 이후에 값이 할당된 적이 없는 변수이다. 

 

 

 

 

 

 

 

 

참고 자료 )

자바스크립트 DEEP DIVE - 이웅모 / 위키북스

null - MDN

undefined - MDN