instanceof原理解析

妖怪不慌不张

于 2021-11-03 18:05:51 发布

阅读量312

点赞数

分类专栏： js 文章标签： instanceof instanceof原理 js instanceof

本文链接：https://blog.youkuaiyun.com/weixin_41643133/article/details/121125466

版权

js 专栏收录该内容

21 篇文章

订阅专栏

本文详细解释了JavaScript中instanceof运算符的工作原理及其使用方法。通过实例演示了如何判断一个对象是否为特定构造函数的实例，并探讨了原型链在这一过程中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

让我们来看下MDN的释意：

instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。
在这里插入图片描述

// 定义构造函数
function C(){}
function D(){}

var o = new C();

o instanceof C; // true，因为 Object.getPrototypeOf(o) === C.prototype
o instanceof D; // false，因为 D.prototype 不在 o 的原型链上
o instanceof Object; // true，因为 Object.prototype.isPrototypeOf(o) 返回 true
C.prototype instanceof Object // true，同上
C.prototype = {};

var o2 = new C();
o2 instanceof C; // true

o instanceof C; // false，C.prototype 指向了一个空对象,这个空对象不在 o 的原型链上.
D.prototype = new C(); // 继承

var o3 = new D();
o3 instanceof D; // true
o3 instanceof C; // true 因为 C.prototype 现在在 o3 的原型链上

源码参上

/**
 * [我的instanceof]
 * @param {any} example [传入的实例]
 * @param {any} structure [构造函数]
 * @returns void
 */
function myInstanceof (example, structure) {
    // 基本数据类型直接返回false
    if (typeof example !== 'object' || example === null) return false
    // getProtypeOf是Object对象自带的一个方法，能够拿到参数的原型对象
    let proto = Object.getPrototypeOf(example)
    while (true) {
        // 查找到尽头，还没找到
        if (proto == null) return false
        // 找到相同的原型对象
        if (proto == structure.prototype) return true
        proto = Object.getPrototypeOf(proto)
    }
}