instanceof js 原理
instanceof 是 JavaScript 中的一个运算符，用于判断一个对象是否是某个构造函数创建的实例。它的语法形式为：object instanceof constructor。
instanceof 的原理如下：
1. 首先，它会检查构造函数（constructor）的 prototype 属性是否存在于对象（object）的原型链上。
2. 如果存在于原型链上，返回 true，表示对象是构造函数的实例。
3. 如果不存在于原型链上，返回 false，表示对象不是构造函数的实例。
实现该原理可以有多种方式，下面是一种常见的实现方式：
```javascript
function myInstanceOf(object, constructor) {
  // 取得构造函数的原型对象
  let prototype = constructor.prototype;
js原型和原型链的理解
  // 取得对象的原型对象
  let objPrototype = PrototypeOf(object);
  // 循环查原型链上的原型对象
  while (objPrototype !== null) {
    // 到匹配的原型对象，返回 true
    if (objPrototype === prototype) {
      return true;
    }
    // 继续向上查
    objPrototype = PrototypeOf(objPrototype);
  }
  // 不到匹配的原型对象，返回 false
  return false;
}
```
上述代码中，我们使用了一个 while 循环来查对象的原型链。在每次循环中，我们首先将对象的原型对象与构造函数的原型对象进行比较，如果相等，则返回 true。
如果没有到相等的原型对象，我们通过 PrototypeOf 方法来获取对象的原型的原型对象，并将其赋值给 objPrototype，以便下一轮循环继续比较。
如果循环结束后仍然没有到相等的原型对象，我们返回 false，表示对象不属于构造函数的实例。
我们可以通过如下示例来测试上述实现的 myInstanceOf 方法：
```javascript
function Person(name) {
  this.name = name;
}
let person = new Person("John");
console.log(myInstanceOf(person, Person)); // true
console.log(myInstanceOf(person, Object)); // true
console.log(myInstanceOf(person, Array)); // false
```
在上述示例中，我们创建了一个构造函数 Person，并使用 new 操作符创建了一个 person 对象。
使用 myInstanceOf 方法来测试 person 对象，我们可以看到它是 Person 构造函数的实例，同时也是 Object 构造函数的实例。但是它不是 Array 构造函数的实例。
总结：
本文介绍了 instanceof 运算符的原理，并给出了一种常见的实现方式。通过比较对象的原型链和构造函数的原型对象，可以判断对象是否是构造函数的实例。实现一个类似的 myInstanceOf 方法可以更好地理解 instanceof 运算符的工作原理。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。