instanceof 的小秘密

人机888号2025-08-30 12:32

instanceof 运算符用于检测某个构造函数的 prototype 属性，是否存在于对象的原型链上。

javascript 复制代码

class Cat {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
}

const cat = new Cat("Mittens", 3);

console.log(cat instanceof Cat); // true
console.log(cat instanceof Object); // true

instanceof 接收两个参数，v(左)和target(右)，判断v是否为target的实例对象，方法是先查询target的Symbol.hasInstance属性，如果不存在，则判断target的prototype属性是否存在v的原型中。

javascript 复制代码

class Cat {

    static [Symbol.hasInstance](instance) {
        return false
    }

    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
}

const cat = new Cat("Mittens", 3);

console.log(cat instanceof Cat); // false
console.log(cat instanceof Object); // true
console.log(cat instanceof null) // TypeError: Right-hand side of 'instanceof' is not an object

或许有人会想到1 intanceof Number和1 intanceof Object为什么会是false呢？明明(1).__proto__是有值的，为什么呢？这里就不得不提到JS的一个机制"自动装箱"。

我们定义一个变量const n = 1, n是一个原始值，有以下特点：

不可变性：原始值本身不能被修改，任何"修改"操作都会创建新值
按值传递：赋值时复制值，而不是引用
没有属性和方法：原始值本身不是对象，不能直接拥有属性和方法

在访问原始值属性或者方法时，Js会创建一个临时对象，使用后便会销毁。

javascript 复制代码

const n = 1;
n.toString()

// JavaScript 内部实际执行的过程 
// 1. 创建临时 Number 对象：new Number(1) 
// 2. 调用方法：numberObj.toString() 
// 3. 返回结果："1" 
// 4. 销毁临时对象

但是在intanceof操作时，不会进行"自动装箱"，所以得到的结果为false。