JS-instanceof 的实现原理

• 在前端JavaScript中，instanceof运算符用于检测构造函数的prototype属性是否出现在某个实例对象的原型链上。它主要是通过遍历对象的原型链来实现的。

• 在JavaScript中，每个对象都有一个内部链接（[[Prototype]]）指向其原型对象。当访问一个对象的属性或方法时，如果在该对象本身找不到，JavaScript引擎会沿着原型链向上查找，直到找到目标属性或方法或者到达原型链的顶端（Object.prototype，其原型为null）。
• 例如，假设有一个构造函数Person，通过new Person()创建一个对象p。p的原型是Person.prototype，而Person.prototype本身也是一个对象，它的原型可能是Object.prototype。

• 当使用instanceof运算符，如p instanceof Person时，JavaScript引擎会进行以下操作：
  • 首先获取对象p的原型（通过p.__proto__，虽然__proto__是一个非标准的访问器，但大多数浏览器都支持它来获取对象的原型，标准的方式是通过Object.getPrototypeOf(p)）。
  • 然后获取构造函数Person的prototype属性，即Person.prototype。
  • 接着开始比较这两个值是否相等。如果相等，就返回true，表示p是Person构造函数的一个实例。
  • 如果不相等，就继续获取对象p原型的原型（p.__proto__.__proto__），再和Person.prototype进行比较，这个过程会沿着对象的原型链一直向上进行，直到找到匹配的原型或者到达原型链的顶端（Object.prototype.__proto__为null）。如果到达顶端还没有找到匹配的原型，就返回false。

代码示例

• 以下是一个简单的示例来演示instanceof的工作原理：
  ```javascript
  function Animal() {}
  function Dog() {}
  Dog.prototype = new Animal();

let myDog = new Dog();
console.log(myDog instanceof Dog); // true，因为myDog的原型链中有Dog.prototype
console.log(myDog instanceof Animal); // true，因为myDog的原型链中有Animal.prototype（通过Dog.prototype继承而来）
```

• 在这个例子中，Dog构造函数的原型被设置为Animal构造函数的一个实例。当创建myDog对象（通过new Dog()）时，它的原型链包含Dog.prototype和Animal.prototype。所以myDog instanceof Dog和myDog instanceof Animal都返回true。

• 继承关系验证：instanceof可以用于验证对象之间的继承关系。在复杂的面向对象JavaScript代码中，当需要确定一个对象是否是某个类（构造函数）的后代时，instanceof是一个很有用的工具。
• 类型检查与多态性：虽然JavaScript是一种动态类型语言，但在某些情况下，需要对对象的类型进行检查。例如，在实现一个图形绘制库时，有不同的图形类（如Circle、Rectangle等），它们可能都继承自一个Shape基类。可以使用instanceof来检查传入的对象是否是Shape类或其派生类的实例，然后根据不同的类型执行相应的绘制方法，这体现了多态性的应用。