类型检查 属于

关于 类型检查

知道一段数据的类型是什么，往往对代码能否顺利运行、不出错非常重要。

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