instanceof的原理是什么？手写instanceof方法

instanceof 的含义

instanceof 运算符 是 JavaScript 中用于检测 一个对象 是否是其构造函数的 prototype 属性指向的原型链上的实例。
（简单记：用于检查一个对象是否是指定构造函数的 prototype 原型链上的实例。）

实现思路

输入一个对象，一个构造函数；通过循环遍历对象的原型链，逐级检查是否与给定构造函数的原型相匹配，从而判断对象是否是由特定构造函数创建的。

核心代码

function myInstanceOf(obj, constructor) {
  if (typeof constructor !== "function" || constructor === null) {
    throw new Error("类型输入错误");
  }
  let proto = Object.getPrototypeOf(obj); // 获取obj的原型，相当于obj.__proto__
  while (proto) { // 循环检查原型链,直到原型链的末端 Object.prototype 或 null
    if (proto === constructor.prototype) { // 如果找到匹配的构造函数，返回 true
      return true;
    }
    proto = Object.getPrototypeOf(proto); // 继续向上查找原型，相当于proto.__proto__;
  }
  return false;
}

// 使用示例  
function MyObject() {}  
const obj = new MyObject();  
console.log(myInstanceOf(obj, MyObject)); // 输出: true  
console.log(myInstanceOf(obj, Array));    // 输出: false

这个实现假设所有对象都是通过 new 关键字创建的，并且它们的原型链最终会指向 null 或 Object.prototype。
判断条件只要求输入object类型时，判断条件改为：

// 如果 object 不是对象，返回 false  
if (typeof object !== 'object' || object === null) {  
    return false;  
} 

测试结果：

console.log('typeof Object:',typeof Object) // function
console.log('1'.constructor)
console.log([].constructor)
console.log({}.constructor)

控制台运行结果：

typeof Object: function
instancesOf的实现.html:50 ƒ String() { [native code] }
instancesOf的实现.html:51 ƒ Array() { [native code] }
instancesOf的实现.html:52 ƒ Object() { [native code] }

补充知识：Object.getPrototypeOf()

Object.getPrototypeOf(xx),用于获取指定对象的原型（即原型链的上一层对象），相当于xx.proto，查找xx的原型

console.log(Object.getPrototypeOf(Object.prototype) === null); // true
const array = [];
console.log(array.__proto__ === Array.prototype) // __proto__指向其构造函数的prototype属性， true
console.log(Object.getPrototypeOf(array) === Array.prototype); // true

const date = new Date();
console.log(Object.getPrototypeOf(date) === Date.prototype); // true