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

本文主要是介绍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 或 nullif (proto === constructor.prototype) { // 如果找到匹配的构造函数，返回 truereturn 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); // trueconst date = new Date();
console.log(Object.getPrototypeOf(date) === Date.prototype); // true