instanceof原理解析

让我们来看下MDN的释意:

instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。
instanceof原理解析_第1张图片

// 定义构造函数
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)
    }
}

你可能感兴趣的:(js,instanceof,instanceof原理,js,instanceof)