[자바스크립트의 동작 원리] 03. typeof 연산자

typeof 연산자

지금까지 계속해서 자바스크립트의 데이터 타입에 대해서 살펴보고 있는데요. 우리가 사용하는 값이 어떤 데이터 타입을 가지고 있는지 확인하려면 typeof 연산자를 사용해야 합니다. typeof 연산자는 키워드 다음에 공백(띄어쓰기)을 두고 값을 작성해도 되고, 함수를 사용하듯 괄호로 감싸서 사용할 수도 있는데요.

typeof 'Codeit'; // string
typeof Symbol(); // symbol
typeof {}; // object
typeof []; // object
typeof true; // boolean
typeof(false); // boolean
typeof(123); // number
typeof(NaN); // number
typeof(456n); // bigint
typeof(undefined); // undefined

하지만 한 가지 주의해야 할 점은 typeof 연산자의 결과가 모든 타입과 1:1로 매칭되지 않는다는 점입니다.

null이 object라고?

일단, typeof null을 하면 문자열 null이 리턴되는 게 아니라 문자열 object가 리턴되는데요.

typeof null; // object

이건 자바스크립트가 처음 구현될 때의 특별한 문법 설계 때문입니다. 나중에 ECMAScript에서 수정이 제안되었었지만, 이미 개발된 많은 프로젝트에 버그가 생기는 우려로 인해 반영되지 않고 있습니다.

function?

그리고 함수에 typeof 연산자를 사용하면 function이라는 값을 리턴하는데요.

function sayHi() {
  console.log('Hi!?');
}

typeof sayHi; // function

자바스크립트에서 함수는 객체로 취급됩니다. 그래서 간혹 object를 리턴할거라 예상하는 실수를 하기도 하는데요. typeof 연산자를 함수에 사용하면 function이 리턴된다는 점도 꼭 기억해 두시면 좋을 것 같습니다.