js typeof和intanceof的区别

`typeof` 和 `instanceof` 都是 JavaScript 中用于检测数据类型的运算符，但它们的作用和实现方式有所不同。

`typeof` 运算符用于检测一个变量的数据类型，它可以返回以下几种类型之一：

- `"undefined"`：未定义的变量或未声明的变量。
- `"boolean"`：布尔值 `true` 或 `false`。
- `"number"`：数字类型，包括整数和浮点数。
- `"string"`：字符串类型。
- `"symbol"`：符号类型，ES6 新增的数据类型。
- `"object"`：对象类型，包括数组、函数、正则表达式等。
- `"function"`：函数类型。

例如：

typeof 123; // "number"
typeof "abc"; // "string"
typeof true; // "boolean"
typeof undefined; // "undefined"
typeof null; // "object"
typeof {}; // "object"
typeof []; // "object"
typeof function(){}; // "function"
typeof Symbol(); // "symbol"

注意，`typeof null` 返回的是 `"object"`，这是一个历史遗留问题，因为在 JavaScript 的早期版本中，`null` 被认为是一个空对象指针。但实际上，`null` 是一个原始值，应该返回 `"null"` 才正确。

`instanceof` 运算符用于检测一个对象是否属于某个类或构造函数的实例，它的语法为 `object instanceof constructor`，其中 `object` 是要检测的对象，`constructor` 是要检测的类或构造函数。

例如：

var arr = [1, 2, 3];
arr instanceof Array; // true
arr instanceof Object; // true
arr instanceof Date; // false

function Person(name) {
  this.name = name;
}
var p = new Person("Tom");
p instanceof Person; // true
p instanceof Object; // true
p instanceof Array; // false

`instanceof` 检测的是对象的原型链，因此如果一个对象是某个类或构造函数的实例，那么它一定是该类或构造函数的子类的实例。但是，`instanceof` 检测的是对象的类型，所以如果一个对象是某个类或构造函数的实例，它也可以是其他类或构造函数的实例。