JavaScript instanceof 运算符详解与原型链机制

instanceof 基本用法与类型判断

在 JavaScript 中，判断变量类型通常使用 typeof 运算符。但当处理引用类型时，typeof 无论指向何种对象，均返回 “object”。因此，需要使用 instanceof 来检测某个对象是否为另一个对象的实例。

一般而言，使用 instanceof 旨在判断一个实例是否属于特定类型。

此外，instanceof 在继承关系中尤为重要，可用于判断实例是否属于其父类型。

 
// 判断 foo 是否是 Foo 类的实例 , 并且是否是其父类型的实例function Aoo(){}
function Foo(){}
Foo.prototype = new Aoo();//JavaScript 原型继承
var foo = new Foo();
console.log(foo instanceof Foo)//true
console.log(foo instanceof Aoo)//true

上述代码展示了单层继承关系中父类的判断。在多层继承场景中，instanceof 运算符同样适用。

原型链修改对 instanceof 的影响

instanceof 复杂用法

 
function Cat(){}
Cat.prototype = {}
function Dog(){}
Dog.prototype ={}
var dog1 = new Dog();
alert(dog1 instanceof Dog);//true
alert(dog1 instanceof Object);//true
Dog.prototype = Cat.prototype;
alert(dog1 instanceof Dog);//false
alert(dog1 instanceof Cat);//false
alert(dog1 instanceof Object);//true;
var dog2= new Dog();
alert(dog2 instanceof Dog);//true
alert(dog2 instanceof Cat);//true
alert(dog2 instanceof Object);//true
Dog.prototype = null;
var dog3 = new Dog();
alert(dog3 instanceof Cat);//false
alert(dog3 instanceof Object);//true
alert(dog3 instanceof Dog);//error

instanceof 机制原理

要深入理解 instanceof 的本质，需从两方面入手：一是语言规范中对该运算符的定义；二是 JavaScript 的原型继承机制。感兴趣者可查阅相关资料。