instanceof与typeof的抉择之路：揭秘两者微妙差异，助你轻松区分

2023-08-16 23:35:15

instanceof 与 typeof：全面解析

在 JavaScript 中，了解如何准确识别变量的类型至关重要。我们有两种关键运算符 instanceof 和 typeof，它们都可用于此目的，但它们的工作方式却大相径庭。

instanceof：类实例检测

instanceof 运算符用于检查一个对象是否属于某个特定类的实例。例如，假设我们定义了一个 Person 类，我们可以使用 instanceof 来验证某个对象是否是该类的实例。

class Person {
  constructor(name) {
    this.name = name;
  }
}

const john = new Person("John Doe");

console.log(john instanceof Person); // true

typeof：数据类型检测

另一方面，typeof 运算符用于确定变量的数据类型。它可以识别原始类型（例如数字、字符串、布尔值）以及更复杂的对象类型（例如数组、函数）。

console.log(typeof 123); // "number"
console.log(typeof "Hello"); // "string"
console.log(typeof true); // "boolean"
console.log(typeof [1, 2, 3]); // "object"
console.log(typeof function() {}); // "function"

细微差别

尽管 instanceof 和 typeof 都用于类型检测，但它们在某些情况下存在细微差别：

子类检测： instanceof 可以检测到子类的实例。例如，如果我们定义了一个 Student 类继承自 Person 类，那么 instanceof 可以确定一个 Student 对象也是 Person 的实例。
typeof 无法检测子类： 然而，typeof 无法识别子类的实例。它只返回父类类型。
null 处理： instanceof 会将 null 视为非任何类的实例，而 typeof 将 null 视为特殊对象。