在聊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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,396评论 2 17
  • ECMAScript关键字 delete do else finally function in instance...
    doudou2阅读 3,987评论 0 0
  • 转载请声明出处 博客原文 随手翻阅以前的学习笔记,顺便整理一下放在这里,方便自己复习,也希望你有也有帮助吧 第一课...
    前端进阶之旅阅读 14,371评论 13 94
  • 在JavaScript中,原型链作为一个基础,老生长谈,今天我们就来深入的解读一下原型链。 本章主要讲的是下面几点...
    Devinnn阅读 5,247评论 1 6
  • 选择了什么样的婚姻就是选择了什么样的家庭,就是选择了一种什么样的生活。婚姻和家庭是没法分开来说的,所以婚姻就是一种...
    长不大的小猪阅读 2,972评论 0 0

友情链接更多精彩内容