타입 검사 에서

타입 검사 소개

데이터의 타입이 무엇인지 아는 것은 코드가 매끄럽게, 그리고 오류 없이 실행되는 데 자주 아주 중요해요.

Javascript에는 값이나 객체의 타입을 확인하는 여러 가지 방법이 있어요.

typeof 연산자

typeof 연산자는 피연산자의 타입을 반환해요. 반환 값은 "null"을 제외하면 원시 데이터 타입 중 하나의 이름과 일치하는 문자열이에요. "function"이나 "object"일 수도 있어요.

typeof undefined;
// => "undefined"

typeof true;
// => "boolean"

typeof 42;
// => "number"

typeof 'Hello, World!';
// => "string"

typeof function () {
  return 'Hello, World';
};
// => "function"

typeof [1, 2, 3, 4];
// => "object"

typeof { city: 'Stockholm', country: 'Sweden' };
// => "object"

이것은 [역사적인 이유][typeof null is "object"] 때문이에요.

instanceof 연산자

객체의 타입을 확인하려면 instanceof 연산자를 사용할 수 있어요. 이 연산자는 두 번째 피연산자가 첫 번째 피연산자의 프로토타입 체인에 포함되는지에 따라 boolean 값으로 평가돼요. 다시 말해, instanceof는 첫 번째 피연산자가 두 번째 피연산자 또는 그 자식 클래스의 인스턴스인지를 반환해요. instanceof는 객체에만 동작해요.

class Beverage {
  // ...
}

// The Coffee class is a child of the Beverage class.
class Coffee extends Beverage {
  // ...
}

const java = new Coffee();

java instanceof Coffee;
// => true

java instanceof Beverage;
// => true

({ __proto__: Array.prototype }) instanceof Array
// => true

Array.isArray({ __proto__: Array.prototype })
// => false

in 연산자

in 연산자는 첫 번째 피연산자가 두 번째 피연산자의 속성인지를 반환해요. 속성에 값이 정의되어 있는지는 확인하지 않아요. undefined로 설정된 속성도 in은 여전히 감지해요.

class Coffee {
  constructor() {
    this.temperature = 'hot';
    this.isDarkMatter = undefined;
  }

  coolDown() {
    this.temperature = 'warm';
  }
}

const espresso = new Coffee();

'temperature' in espresso;
// => true

'color' in espresso;
// => false

'isDarkMatter' in espresso;
// => true

"coolDown" in espresso
// => true

"constructor" in espresso
// => true

Object.hasOwn() 함수

Object.hasOwn() 메서드는 지정된 객체가 주어진 속성을 직접 소유하는지(상속받았거나 메서드가 아닌지)를 반환해요.

class Coffee {
  constructor() {
    this.temperature = 'hot';
  }

  coolDown() {
    this.temperature = 'warm';
  }
}
const cappuccino = new Coffee();

Object.hasOwn(cappucino, 'temperature');
// => true

Object.hasOwn(cappucino, 'constructor');
// => false

Object.hasOwn(cappucino, 'coolDown');
// => false