instanceof 函数的实现原理
instanceof 是 JavaScript 中的一个关键字，用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链中的任何位置。这意味着它可以用来判断一个对象是否为某个构造函数的实例。下面详细解释 instanceof 的实现原理和内部工作机制。
实现原理
-
原型链：在 JavaScript 中，每个对象都有一个内部属性
[Prototype]（在 ES6 中称为__proto__），这个属性指向创建它的构造函数的prototype属性。当一个对象试图访问一个不存在的属性时，JavaScript 引擎会沿着这个原型链向上查找，直到找到该属性为止。 -
instanceof操作：当你使用instanceof来检测一个对象是否是某个构造函数的实例时，实际上就是在检查这个构造函数的prototype是否出现在该对象的原型链中。
内部机制
instanceof 的内部机制大致如下：
- 获取构造函数的 prototype：首先获取右边构造函数的
prototype属性。 - 获取对象的原型：然后获取左边对象的原型链。
- 比较原型链：检查左边对象的原型链中是否包含右边构造函数的
prototype属性。
如果包含，则返回 true，否则返回 false。
示例代码
假设我们有两个构造函数 Person 和 Student，其中 Student 继承自 Person：
function Person(name) {
this.name = name;
}
function Student(name, grade) {
Person.call(this, name); // 使用 call 调用父类构造函数
this.grade = grade;
}
// 设置继承关系
Student.prototype = Object.create(Person.prototype);
Student.prototype.constructor = Student;
const student = new Student('Alice', 10);
console.log(student instanceof Student); // 输出 true
console.log(student instanceof Person); // 输出 true
console.log(student instanceof Object); // 输出 true
console.log(student instanceof Function); // 输出 false
解释
student instanceof Student：由于student是通过new Student创建的，因此student.__proto__指向Student.prototype，所以结果为true。student instanceof Person：由于Student.prototype指向Person.prototype，所以student.__proto__.__proto__指向Person.prototype，结果也为true。student instanceof Object：所有的对象（包括Person和Student的实例）的原型链最终都会指向Object.prototype，因此结果为true。student instanceof Function：Function.prototype并不在student的原型链中，所以结果为false。
实现自己的 instanceof 检测
如果你想要自己实现一个类似于 instanceof 的函数，可以参考以下代码：
function _instanceof(obj, constructor) {
let proto = Object.getPrototypeOf(obj);
let conProto = constructor.prototype;
while (proto !== null) {
if (proto === conProto) {
return true;
}
proto = Object.getPrototypeOf(proto);
}
return false;
}
console.log(_instanceof(student, Student)); // 输出 true
console.log(_instanceof(student, Person)); // 输出 true
console.log(_instanceof(student, Object)); // 输出 true
console.log(_instanceof(student, Function)); // 输出 false
通过上述实现可以看到，instanceof 的核心就是沿着对象的原型链查找，看是否能找到构造函数的 prototype。
理解 instanceof 的工作原理对于深入理解 JavaScript 的原型链机制是非常有帮助的。如果您有任何具体的问题或需要进一步的解释，请留言告诉我！
原文地址：https://blog.csdn.net/misstianyun/article/details/142863838
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！