当前位置：首页 > JavaScript

js实现intanceof

2026-03-14 19:41:01JavaScript

实现 instanceof 的原理

instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。手动实现时需要遍历对象的原型链，与构造函数的 prototype 进行比较。

js实现intanceof

基本实现代码

function myInstanceof(obj, constructor) {
    let proto = Object.getPrototypeOf(obj)
    const prototype = constructor.prototype

    while (proto !== null) {
        if (proto === prototype) {
            return true
        }
        proto = Object.getPrototypeOf(proto)
    }

    return false
}

边界情况处理

原始值类型直接返回 false：

js实现intanceof

function myInstanceof(obj, constructor) {
    if (obj === null || typeof obj !== 'object') {
        return false
    }

    let proto = Object.getPrototypeOf(obj)
    const prototype = constructor.prototype

    while (proto !== null) {
        if (proto === prototype) {
            return true
        }
        proto = Object.getPrototypeOf(proto)
    }

    return false
}

使用示例

function Person() {}
const p = new Person()

console.log(myInstanceof(p, Person)) // true
console.log(myInstanceof(p, Object)) // true
console.log(myInstanceof([], Array)) // true
console.log(myInstanceof(123, Number)) // false

与原生 instanceof 的区别

原生 instanceof 会检查 Symbol.hasInstance 方法，如果构造函数有这个静态方法，会调用它来判断。完整实现需要考虑这个特性：

function myInstanceof(obj, constructor) {
    if (typeof constructor !== 'function') {
        throw new TypeError('Right-hand side of instanceof is not callable')
    }

    if (typeof constructor[Symbol.hasInstance] === 'function') {
        return constructor[Symbol.hasInstance](obj)
    }

    if (obj === null || typeof obj !== 'object') {
        return false
    }

    let proto = Object.getPrototypeOf(obj)
    const prototype = constructor.prototype

    while (proto !== null) {
        if (proto === prototype) {
            return true
        }
        proto = Object.getPrototypeOf(proto)
    }

    return false
}