JavaScript 中 `typeof` 与 `instanceof` 的应用场景与区别

## typeof 与 instanceof：区分用法和应用场景

在 JavaScript 开发中，typeof 和 instanceof 运算符都是用于检查变量类型的重要工具。理解它们的细微差别至关重要，以确保在代码中正确使用它们。

### typeof 运算符

typeof 运算符返回变量的原始类型，它不考虑变量的实际值或对象继承关系。它可以返回以下值：

• "undefined" - 未声明或未赋值的变量
• "null" - 显式赋值为 null 的变量
• "boolean" - 布尔值
• "number" - 数字值
• "string" - 字符串值
• "object" - 对象值（包括数组和函数）
• "symbol" - Symbol 值

### instanceof 运算符

instanceof 运算符检查一个对象是否属于某个类的实例。它返回一个布尔值，表示对象是否属于指定的类。

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

const person = new Person("John");
console.log(person instanceof Person); // 输出: true

在上面的示例中，instanceof 运算符检查 person 对象是否属于 Person 类。它返回 true，因为 person 是 Person 类的实例。

### 何时使用 typeof 和 instanceof

一般来说，使用 typeof 运算符来检查变量的原始类型，而使用 instanceof 运算符来检查对象是否属于某个类的实例。

以下是使用每个运算符的一些具体示例：

• 使用 typeof 运算符：
  • 检查变量是否为特定类型，例如字符串或数字。
  • 确定变量是否为 null 或 undefined。
• 使用 instanceof 运算符：
  • 确定对象是否属于特定类的实例。
  • 检查对象是否继承自特定基类。

### 实际应用：区分 Function 实例

在你的具体情况下，你正在比较 callback 变量是否属于 Function 类的实例。这两种方法都可以实现，但 instanceof 运算符更适合，因为它专门用于检查对象继承关系。因此，建议使用以下代码：

callback instanceof Function

### 结论

typeof 和 instanceof 运算符在 JavaScript 中提供了强大的工具来检查变量类型。通过理解它们的细微差别，你可以有效地使用它们来确保代码的准确性和鲁棒性。

### 常见问题解答

1. typeof 和 instanceof 运算符是否总是返回相同的结果？

否，它们返回不同的结果，因为它们检查不同的方面：原始类型（typeof）和类实例（instanceof）。

2. 可以检查对象是否属于接口的实例吗？

JavaScript 中没有真正的接口，因此不能使用 instanceof 运算符检查对象是否属于接口的实例。

3. 可以检查原始值是否属于类的实例吗？

否，原始值（如数字、字符串和布尔值）不是对象，因此不能使用 instanceof 运算符检查它们是否属于类的实例。

4. 如何检查变量是否为 null？

使用 typeof 运算符检查变量是否为 "null"。

5. 如何检查变量是否为 undefined？

使用 typeof 运算符检查变量是否为 "undefined"。