typeof 能判断哪些类型？instanceof 做了什么？为什么 null 竟被 typeof 错误地判断成了 "object"？

揭开 JavaScript 数据类型检查的神秘面纱：typeof 与 instanceof

在 JavaScript 的浩瀚世界中，数据类型检查是至关重要的，它使我们能够验证和操作各种类型的值。typeof 和 instanceof 操作符扮演着关键角色，它们提供了强大的工具来深入了解变量和对象的本质。

typeof 操作符：类型揭秘

想象 typeof 是一个魔法师，它挥动魔杖就能揭示变量的数据类型。它可以返回六种基本类型之一：

• "undefined"：未赋值的变量或函数的参数。
• "boolean"：真或假。
• "number"：数字。
• "string"：文本。
• "object"：复杂结构，如数组、对象或函数。
• "function"：可执行的代码块。

对于基本类型，typeof 会毫不费力地吐露出它们的名称。但对于对象，它会笼统地将其归类为 "object"，因为 JavaScript 认为数组和函数也是对象。

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

instanceof 操作符：深入类检查

instanceof 操作符扮演着更细致的角色。它检查一个对象是否属于某个类或接口。它返回一个布尔值，告诉你该对象是否继承了该类的属性和方法。

例如，如果你有一个 Person 类：

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

你可以使用 instanceof 来验证一个对象是否是 Person 的实例：

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

console.log(person instanceof Person); // true
console.log(person instanceof Object); // true

这里，person instanceof Person 返回 true，因为 person 是 Person 类的实例。同时，person instanceof Object 也返回 true，因为它继承自 Object 类。

null 的类型困惑：typeof 的谜团

null 是 JavaScript 中的一个特殊值，表示空值或不存在。然而，typeof 错误地将 null 归类为 "object"。这是 JavaScript 历史的一个遗留问题，将 null 用作占位符来表示对象。虽然 null 的类型后来被重新定义为基本类型，但 typeof 却未更新，导致了这种混乱。

为了正确检查 null 的类型，可以使用严格相等运算符 ===：

if (value === null) {
  // value is null
}

或者，可以使用 Object.prototype.toString.call() 方法：

if (Object.prototype.toString.call(value) === "[object Null]") {
  // value is null
}

结论：掌握数据类型检查的艺术

typeof 和 instanceof 操作符是 JavaScript 数据类型检查的基石。它们提供了强大且直观的方式来验证变量的内容并了解对象的继承关系。通过掌握这些工具，你可以提高代码的鲁棒性和可维护性。

常见问题解答

1. typeof 和 instanceof 有什么区别？

typeof 检查一个变量的基本类型，而 instanceof 检查一个对象是否属于某个类或接口。

2. 为什么 null 被错误地归类为 "object"？

这是一个 JavaScript 历史遗留问题，它将 null 用作对象的占位符。

3. 如何正确检查 null 的类型？

可以使用 === 运算符或 Object.prototype.toString.call() 方法。

4. typeof 可以返回哪些类型？

typeof 可以返回六种类型："undefined"、"boolean"、"number"、"string"、"object" 和 "function"。

5. instanceof 可以检查哪些类型？

instanceof 可以检查对象是否属于某个类或接口。