js的instanceof

instanceof 是 JavaScript 中的一个运算符，用于检测一个对象是否是某个构造函数的实例。它基于原型链进行检查，如果对象的原型链上存在构造函数的 prototype 属性，则返回 true，否则返回 false。

基础概念

• 原型链：JavaScript 中的对象有一个内部属性 [[Prototype]]，它指向另一个对象，即该对象的原型。当试图访问一个对象的属性时，如果该对象本身没有这个属性，JavaScript 会沿着原型链向上查找，直到找到该属性或者到达原型链的末端（null）。
• 构造函数：在 JavaScript 中，函数可以作为构造函数来创建对象。通过 new 关键字调用构造函数时，会创建一个新的对象，并将构造函数的 this 绑定到这个新对象上。

优势

• 类型检查：instanceof 可以用来检查一个对象是否是由特定的构造函数创建的，这对于类型检查和确保对象的正确性很有用。
• 灵活性：由于 JavaScript 是基于原型的继承，instanceof 可以很好地处理跨iframe或跨窗口的对象实例检查。

类型

instanceof 运算符本身没有类型，它返回一个布尔值：true 或 false。

应用场景

• 类型验证：在编写函数或方法时，可能需要验证传入的参数是否是预期的类型。
• 框架目标定位：在 Web 开发中，可以使用 instanceof 来确定一个对象是否属于某个特定的框架或库，比如检查一个对象是否是某个 DOM 元素的实例。

示例代码

function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
}

const auto = new Car('Honda', 'Accord', 1998);

console.log(auto instanceof Car); // true
console.log(auto instanceof Object); // true，因为所有对象都是 Object 的实例

遇到的问题及解决方法

问题：跨iframe的 instanceof 检查失效

在不同的 iframe 或窗口中，即使两个对象是由相同的构造函数创建的，它们也不会被认为是同一个构造函数的实例，因为每个 iframe 或窗口都有自己的全局上下文和原型链。

解决方法：

• 使用 Object.prototype.toString.call(obj) 来获取对象的内部 [[Class]] 属性，这是一种更通用的检查对象类型的方法。
• 如果需要在不同的上下文中共享对象类型信息，可以考虑使用其他方式来标识对象类型，比如添加一个特殊的属性来标记对象的类型。

示例代码：使用 Object.prototype.toString.call

function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
}

const auto = new Car('Honda', 'Accord', 1998);

console.log(Object.prototype.toString.call(auto) === '[object Object]'); // true

这种方法可以用来检查对象是否是普通对象，但它不会告诉你对象是由哪个构造函数创建的。如果需要检查特定的构造函数，通常需要在同一个全局上下文中进行。