JavaScript
undefined과 null
NHyun
2023. 6. 22. 19:00
undefined과 null의 공통점
- 각각의 타입명(undefined,null)의 값이 유일하다.
- undefined 타입의 값은 undefined가 유일하다.
- null타입의 값은 null이 유일하다.
Undefined 타입
- undefined는 원시 자료형 undefined로 분류된다.
- undefined는 '아무 값도 할당받지 않은 상태'를 의미한다.
- var 키워드로 선언한 변수는 암묵적으로 undefined로 초기화된다.
- 변수 선언에 의해 확보된 메모리 공간을 처음 할당이 이뤄질 때까지 빈 상태(*대부분 비어 있지 않고 쓰레기 값이 들어 있다.)로 내버려두지 않고 자바스크립트 엔진이 undefined로 초기화한다.
- 따라서 변수 선언 이후 값을 할당해주지 않은 변수를 참조하면 undefined가 반환된다.
- 변수를 참조했을 때 undefined가 반환된다면 선언 이후 값이 할당되지 않은 즉, 초기화되지 않은 변수라는 것을 알 수 있다.
let a;
console.log(a); // undefined
console.log(typeof a); // undefined- 이처럼 undefined는 개발자가 의도적으로 할당하기 위한 값이 아니라 자바스크립트 엔진이 변수를 초기화 할 때 사용하는 값이다.
- 자바스크립트 엔진이 변수를 초기화라는 데 사용하는 undefined를 개발자가 의도적으로 변수에 할당한다면 undefined의 본래의 취지와 어긋나고 또한 혼란을 야기하므로 권장하지 않는다.
- 그렇다면 변수에 값이 없다는 것을 명시하고 싶을 때는 어떻게하면 좋을까? 바로 undefined를 할당하는 것이 아니라 null을 할당한다.
선언과 정의
- undefined를 직역하면 ‘정의되지 않은’이란 의미이다.
- 자바스크립트 undefined에서 말하는 정의란 ‘변수의 값을 할당하여 변수의 실체를 명확히 하는 것’를 의미한다.
- 자바스크립트의 경우 변수를 선언하면 암묵적으로 정의가 이뤄지기 때문에 선언과 정의의 구분이 모호하다.
- ECMAScript 사양에서 변수는 ‘선언한다.’라고 표현하고, 함수는 ‘정의한다.’라고 표현한다.
null 타입
- null은 원시 자료형 null로 분류된다.
- 자바스크립트는 대소문자를 구분하므로 null은 Null, NULL 등과는 다르다.
- null은 ‘비어있는, 존재하지 않는 값'(값의 부재)을 의미한다.
- 프로그래밍 언어에서 null은 변수에 값이 없다는 것을 의도적으로 명시(의도적 부재)할 때 사용한다.
- 변수에 null을 할당하는 것은 변수가 이전에 참조하던 값을 더 이상 참조하지 않겠다는 의미이다.
- 이는 이전에 할당되어 있던 값에 대한 참조를 명시적으로 제거하는 것을 의미하며, 자바스크립트 엔진은 누구도 참조하지 않은 메모리 공간에 대해 "가비지 콜렉션"을 수행할 것이다.
typeof 에서 null
- 단, typeof로 자료형을 확인할 때 object(객체)를 반환하는데, null이 빈 참조를 나타내는 데 자주 사용되기 때문이다.
- 그래서 원시 자료형으로 생각해도 되지만 엄밀히 말해서는 null은 객체이고 참조 자료형이다.
let nullType = null;
console.log(typeof null); // object함수가 반환하는 null
- 함수가 유효한 값을 반환할 수 없는 경우에 명시적으로 null을 반환하기도 한다.
- 예를 들어 HTML 요소를 검색하는 document.qureySelecter 메서드는 조건부에 부합하는 HTML 요소를 검색할 수 없는 경우 에러 대신 null을 반환한다.
let element = document.querySelector('.myClass');
// HTML 문서에 myClass 클래스를 가진 요소가 없다면 null을 반환한다.
console.log(element); // null