🙅‍♀️ null, undefined, undeclared의 차이점 & 체크하는 방법

null

선언된 변수의 값이 "없음"을 명시적으로 나타낼 때 사용하는 값

체크하는 방법

var tmp = null;
console.log(tmp === null); // true
console.log(typeof tmp === 'object'); // true

=== 동등 연산자를 통해 체크하면 된다. 유의해야할 점은 null을 typeof 사용하면 object가 나온다.

---

undefined

변수 선언만 하고 값이 할당되지 않았을 때 자바스크립트 엔진이 정의한 초기값

체크하는 방법

var tmp;
console.log(tmp); // undefined
console.log(tmp === undefined); // true
console.log(typeof tmp === 'undefined'); // true

=== 동등 연산자를 사용하거나 typeof를 사용하면 된다.

---

undeclared

접근 가능한 스코프 안에서 선언조차 되지 않은 상태

// 개발자도구에서 아래 코드 입력하면 확인 가능하다.

// 느슨한 모드 (디폴트)
tmp = "testString";
window.tmp; // "testString"

// 엄격 모드
"use strict"
tmp = "testString"; // 에러: Uncaught ReferenceError: tmp is not defined

use strict 명령어를 통해 엄격모드 로 진입하지 않는 이상 만나기 힘들다. 엄격모드가 아닌 느슨한 모드(디폴트) 환경에선 선언되지 않은 변수에 값을 할당하면 자동으로 global 변수 취급한다.