null 과 undefined 의 차이점

1. null

 

1)  null 타입의 값은 null 이 유일하다.

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

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

     이는 이전에 할당되어 있던 값에 대한 참조를 명시적으로 제거하는 것을 의미하며,

     자바스크립트 엔진은 누구도 참조하지 않는 메모리 공간에 대해 가비지 콜렉션을 수행할 것이다.

 

const theboyz = 'tbz';

//이전 참조를 제거한다
//theboyz 변수는 더 이상 'tbz' 를 참조하지 않음!
//변수의 스코프를 좁게 만들어 변수 자체를 재빨리 소멸시키는 편이 나음
theboyz = null;

 

함수가 유효한 값을 반환할 수 없는 경우 명시적으로 null 을 반환하기도 함.

 

const ele = document.querySelector('.tbz');

//HTML 문서에 tbz 클래스를 갖는 요소가 없다면 null 을 반환한다!
console.log(ele);	//null

 

2. undefined

 

1) undefined 타입의 값은 undefined 가 유일하다.

2) 변수를 선언한 이후 값을 할당하지 않은 변수를 참조하면 undefined 가 반환된다.

3) undefined 는 개발자가 의도적으로 할당하기 위한 값이 아닌, 자바스크립트 엔진이 변수를 초기화할 때 사용하는 값이다.

4) 변수를 참조했을 때, undefined 가 반환된다면 참조한 변수가 선언 이후 값이 할당된 적이 없는, 즉 초기화되지 않은 변수라는 것을 간파 가능.

5) undefined는 자료형이 없는 상태다.

• 값을 할당하지 않은 변수
• 메서드와 선언에서 변수가 할당받지 않은 경우
• 함수가 값을 return 하지 않았을 때

 

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

 

 

그렇다면...

변수에 값이 없다는 것을 명시하고 싶을 때는 어떻게 해야 할까? undefined 를 할당하는 것이 아니라, null 을 할당하자. 🧐

 

!!!결론!!!

null은 변수를 선언하고 빈 값을 할당한 상태(빈 객체)

undefined은 변수를 선언하고 값을 할당하지 않은 상태