typeof和instanceof区别

typeof 和 instanceof 是 JavaScript 中用于类型检查的两个运算符，但它们的用途和工作方式有所不同。以下是它们的详细解释和区别：

typeof

• 用途：typeof 运算符用于返回一个表示数据类型的字符串。
• 语法：typeof operand
• 返回值：返回值是一个字符串，表示操作数的类型。

示例：

console.log(typeof "Hello"); // "string"
console.log(typeof 42);      // "number"
console.log(typeof true);    // "boolean"
console.log(typeof undefined); // "undefined"
console.log(typeof null);     // "object" (这是一个历史遗留问题)
console.log(typeof Symbol());  // "symbol"
console.log(typeof {});       // "object"
console.log(typeof []);       // "object" (数组也是对象)
console.log(typeof function(){}); // "function"

instanceof

• 用途：instanceof 运算符用于检查一个对象是否是某个构造函数的实例。
• 语法：object instanceof constructor
• 返回值：返回一个布尔值，表示对象是否是构造函数的实例。

示例：

function Person(name) {
    this.name = name;
}

const john = new Person("John");

console.log(john instanceof Person); // true
console.log(john instanceof Object);  // true
console.log(john instanceof Array);   // false

const arr = [];
console.log(arr instanceof Array);    // true
console.log(arr instanceof Object);    // true

主要区别

1. 用途：

   • typeof 用于获取变量的基本数据类型。
   • instanceof 用于检查对象的构造函数类型。

2. 返回值：

   • typeof 返回一个字符串，表示数据类型。
   • instanceof 返回一个布尔值，表示对象是否是某个构造函数的实例。

3. 适用范围：

   • typeof 可以用于所有数据类型，但对于对象（如数组和 null）会返回 “object”。
   • instanceof 主要用于对象，能够区分不同的对象类型（如数组、日期等）。

例子对比

const num = 42;
console.log(typeof num); // "number"
console.log(num instanceof Number); // false (因为 num 是原始类型)

const obj = new Number(42);
console.log(typeof obj); // "object"
console.log(obj instanceof Number); // true (因为 obj 是 Number 对象的实例)

总结

• 使用 typeof 来检查基本数据类型。
• 使用 instanceof 来检查对象的构造函数类型。

这两者结合使用可以帮助开发者更好地理解和处理 JavaScript 中的类型。