在聊instanceof

在某网站上看到一个帖子关于JavaScript中instanceof的疑惑,原帖描述是这样的:

[] instanceof Array//true
Array instanceof Function//true
[] instanceof Function//false,为什么不也是true呢

第一次看到这个问题的时候,我也看傻眼了,为什么instanceof不具有传递性呢?这个运算符难道不就是查找左边对象的原型链看看有没有其中某个节点指向右边的函数的prototype吗。哦!是prototype!想到这里,我才发现自己是被上面语句1中的Array和语句2中的Array给迷惑住了!搞得我以为也应该是返回true。

通过前面的学习,我们知道了只要对象的原型链中由某个节点会指向构造函数的prototype的话那么instance就会返回true,所以说instanceof在底层上实际上拿去比较是否相等的是function.prototype而不是function对象自身,所以对于上面的语句转化来是这样的:[]对象的原型链是否由某个节点指向Array.prototype对象?Array对象的原型链是否有某个节点指向Function.protoype对象?转换为自然语言到这里的时候,我们就能够发现上面是不能够传递的,所以结果自然是false。

下面我们看起个其他的例子:

function Person(name){this.name = name;}
Person.prototype.sayName = function(){console.log(this.name)}
function Teacher(name, age){
  Person.call(this, name)
  this.age = age
}
Object.setPrototypeOf(Teacher.prototype, Person.prototype)
Teacher.prototype.sayAge = function(){
  console.log(this.age)
}
var teacher = new Teacher("AB", 30)
console.log(teacher instanceof Teacher)//true
console.log(Teacher.prototype instanceof Person)//true
console.log(teacher instanceof Person)//true

END

你可能感兴趣的:(在聊instanceof)