[Javascript] typeof vs constructor

 

 

 

 Custom type => `instancof`
Primitive type => `typeof`

 

 

 

 

 

typeof

 

 

num1과 num2의 Data Type이 다르다.

둘이 다르다고..?

num1, num2의 타입이 다르게 출력된다.

num2를 생성자 new를 통해 생성했기 때문이다.

 

 

const actionTypes = ['play','connect', 'disconnect', 'cancel'];
const userId  = undefined;

console.log(typeof actionTypes); //object
console.log(typeof userId); // undefined
console.log(typeof undefined); // undefined
console.log(typeof null); // object

---

constructor

 

인스턴스의 '프로토타입'의 참조를 반환합니다.

이런 맹점(null, array 를 object 로 인식하는)을 극복하기 위한 Object's Property 'Constructor'가있다.
⚠️ 단, null과 undefined 는 constructor 사용이 불가능하다.

Object.Prototype.Constructor

num1과 num2의 타입이 모두 Number가 아닐경우 에러메시지를 출력한다.

 

num1과 num2 모두 Number로 인식

 

Constructor의 용도

 

Data Type Check or 출신성분(생성자 함수명)이 무엇인가를 확인할 수 있는 프로퍼티이다.

 

const actionTypes = ['play','connect', 'disconnect', 'cancel'];
const uuid = '0.9238281021';
const num = 5;
function abc(){
    return 0;
}

console.log(actionTypes.constructor); // Array
console.log(uuid.constructor); // String
console.log(num.constructor); // Number
console.log(abc.constructor); // Function

 

 

---

🔗 Reference

constructor - JavaScript | MDN

constructor vs typeof to detect type in JavaScript

 

What is the difference between typeof and instanceof and when should one be used vs. the other?