isPrototypeOf 与 instanceof区别

最新推荐文章于 2022-11-09 16:47:16 发布
最新推荐文章于 2022-11-09 16:47:16 发布
阅读量133 收藏
点赞数
文章标签： 面试 javascript ViewUI
原文链接：http://www.cnblogs.com/mengfangui/p/10517599.html
版权

1、代码

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>isPrototypeOf 与 instanceof区别</title>
    </head>

    <body>

        <script type="text/javascript">
            function Foo() {}

            function Bar() {}

            function Baz() {}

            Bar.prototype = Object.create(Foo.prototype);
            Baz.prototype = Object.create(Bar.prototype);

            var baz = new Baz();

            console.log(Baz.prototype.isPrototypeOf(baz)); // true
            console.log(baz instanceof Baz) // true

            console.log(Bar.prototype.isPrototypeOf(baz)); // true
            console.log(baz instanceof Bar) // true

            console.log(Foo.prototype.isPrototypeOf(baz)); // true
            console.log(baz instanceof Foo) // true

            console.log(Object.prototype.isPrototypeOf(baz)); // true
            console.log(baz instanceof Object) // true
        </script>
    </body>

</html>

2、区别

isPrototypeOf() 方法用于测试一个对象是否存在于另一个对象的原型链上。

isPrototypeOf() 与 instanceof 运算符不同。在表达式 "object instanceof AFunction"中，object 的原型链是针对 AFunction.prototype 进行检查的，而不是针对 AFunction 本身。

 

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/isPrototypeOf

转载于:https://www.cnblogs.com/mengfangui/p/10517599.html

weixin_30909575
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript isPrototypeOf和hasOwnProperty使用区别
10-29
JavaScript isPrototypeOf和hasOwnProperty的使用技巧，需要的朋友的朋友可以参考下。
JavaScript中isPrototypeOf函数作用和使用实例
10-24
主要介绍了JavaScript中isPrototypeOf函数作用和使用实例,本文讲解了它的作用和使用方法以及使用实例,需要的朋友可以参考下
isPrototypeOf和 instanceof 的区别
Laky1943的博客
10-01 329
看了很多关于isPrototypeOf和instanceOf的区别感觉细细理解下来还是MDN上介绍的比较清楚： 他们做同样的事情，两个遍历原型链寻找其中的特定对象 isPrototypeOf()方法用于测试一个对象是否存在于另一个对象的原型链上。 语法： prototypeObj.isPrototypeOf(object) 参数： object 在该对象...
isPrototypeOf和instanceOf的区别
u010998803的博客
07-12 896
instanceOf 用于检查对象是否是某个构造函数(类型)的实例&lt;script&gt; var arr = [1,2,3]; console.log(arr instanceof Array); //true console.log(Array instanceof Object); //true console.log(arr instan...
isPrototypeOf和instanceof区别与二者实现方法
Artemis_Wang的博客
07-20 401
isPrototypeOf 的两个变量都是 对象 ，用于检测调用此方法的对象是否存在于指定对象的原型链中 instanceof 的两个变量分别是 对象 和 构造函数 ，用于检测构造函数的原型是否存在于指定对象的原型链中 isPrototypeOf实现 ...
JavaScript之isPrototypeOf和instanceof
孤独行者
09-08 1463
Object2.prototype.isPrototypeOf(Object1)是用来判断指定对象object1是否存在于另一个对象object2的原型链中，是则返回true，否则返回false。 instanceof是一个运算符用于判断对象类型。 下面来看代码： //原型对象可以理解为根对象，二者有继承关系 var array = new Array(); alert
instanceof和isPrototypeOf
l_y_h___的博客
08-31 186
instanceof:检测一个对象是否为某个构造函数的实例 isPrototypeOf:检测一个对象是否存在另一个对象的原型链上 var str = new String('xiaoming'); console.log(str instanceof String); console.log(str instanceof Object); function Animal(){} var dog = new Animal(); console.log(dog instanceof Animal());
JS中的hasOwnProperty()和isPrototypeOf()属性实例详解
10-21
hasOwnProperty()和isPrototypeOf()这两个属性都是Object.prototype所提供:Object.prototype.hasOwnProperty()和Object.prototype.isPropertyOf()，下面给大家介绍这两个属性的方法和使用，一起看下吧
js中的hasOwnProperty和isPrototypeOf方法使用实例
10-25
主要介绍了js中的hasOwnProperty和isPrototypeOf方法使用实例,需要的朋友可以参考下
JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()
10-21
主要介绍了JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()的相关资料,需要的朋友可以参考下
（笔记）instanceof跟isPrototypeOf
qq_40837951的博客
07-01 158
（笔记）instanceof跟isPrototypeOf instanceof 跟isPrototypeOf的用法和作用 instanceof 判断对象的类型是否相同，用法：（Object instanceof Object），返回值类型为boolean isPrototypeOf 用来判断对象的原型，用法：（Object.isPrototypeOf(Object)），返回值类型为boole...
isPrototypeOf 和 istanceof 的 区别
qq_36392571的博客
07-26 143
（1）、isPrototypeOf 语法：对象.isPrototypeOf (实例对象） 作用：检测对象是否是实例对象的原型对象 注意：Person在创建实例对象之后，更换prototype。 （2）、instanceof ...
instanceof、isPrototypeOf()、hasOwnProperty()、in知识点总结
qq_38304572的博客
02-12 382
一、instanceof检测对应的数据类型（是否为对应类所产生的实例化对象），如果是简单数据类型（数值，字符，布尔值），必须使用new类来创建才能检测成功,下面举例说明： var obj = { name : "张三" } var r = obj instanceof Object //输出true var num = 1 //简单模式创建num var r = num instanceof Number //输出false var num = new Number(1) //new实例
instanceof 与 isPrototypeOf 的区别
又一个四季在轮回
09-13 481
原博客：jianshu.com/p/31b09a13f212 和 https://www.cnblogs.com/ArthurXml/p/6555509.html 判断A构造函数的prototype对象是否在B的原型链上: B instanceof A： 语法： prototypeObj.isPrototypeOf(object) 参数： object 在该对象的原型链上搜寻 返回值： Boolean，表示调用对象是否在另一个对象的原型链上。 描述：isPrototypeOf 方法允许你检查
typeof运算符和instanceof运算符以及isPrototypeOf()方法的区别
小米人的博客
10-23 432
typeof是一个运算符，用于检测数据的类型，比如基本数据类型null、undefined、string、number、boolean，以及引用数据类型object、function，但是对于正则表达式、日期、数组这些引用数据类型，它会全部识别为object； instanceof同样也是一个运算符，它就能很好识别数据具体是哪一种引用类型。它与isPrototypeOf的区别就是它是用来检测构造函...
原型、原型链、instanceof、isprototypeof详解
a519991963的专栏
07-11 375
原型： 原型链： instanceof： isprototypeof：
前端判断数据类型的8中方式
最新发布
wb1991wb的博客
11-09 1654
不论是平时的工作中，还是面试的时候。基本上都会遇到需要判断数据类型的场景。比如对于后端返回的数据格式是否是我们需要的，在比如面试的时候，面试官会问到，有哪些方法可以判断数据类型，这些方法有什么区别？等等这里呢，我就帮大家整理出来了这几种方式？
typeof/instanceof/in/hasOwnProperty()/isPrototypeOf()用法详解
Sys_菜菜
04-23 165
一、typeof 含义 typeof 操作符返回一个字符串，表示未经计算的操作数的类型。 语法用法 typeof [attr] attr: 一个表示对象或原始值的表达式，其类型将被返回。 // 数值 typeof 37 === 'number'; typeof Infinity === 'number'; typeof NaN === 'number'; // 字符串 typeof '' === 'string'; typeof 'bla' === 'string'; // 布尔值 typeof t

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值