typeof和instanceof区别

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

`typeof`

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

示例：

javascript 复制代码

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
返回值：返回一个布尔值，表示对象是否是构造函数的实例。

示例：

javascript 复制代码

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

主要区别

用途：
- typeof 用于获取变量的基本数据类型。
- instanceof 用于检查对象的构造函数类型。
返回值：
- typeof 返回一个字符串，表示数据类型。
- instanceof 返回一个布尔值，表示对象是否是某个构造函数的实例。
适用范围：
- typeof 可以用于所有数据类型，但对于对象（如数组和 null）会返回 "object"。
- instanceof 主要用于对象，能够区分不同的对象类型（如数组、日期等）。

例子对比

javascript 复制代码

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 中的类型。