关于原型链中的instanceof探索

最新推荐文章于 2023-03-01 11:09:21 发布
最新推荐文章于 2023-03-01 11:09:21 发布
阅读量213 收藏 1
点赞数 1
分类专栏： 前端-JavaScript 文章标签： javascript prototype js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45664402/article/details/109148047
版权

原型链中的instanceof探索

写在前面：如果此篇博客中有任何错误的地方，欢迎大家的指正！让我们共同进步！
如果觉得这篇博客有用就点赞+收藏+关注三连吧！

记录一下今天所学JS原型链中关于instanceof判定的探索。

本人也在学习中，欢迎各位同学的指正！
在这里插入图片描述
理解如下：
A是一个实例，B是一个构造函数
B只能走一步，找到B.prototype
而A若有__proto__，则可以一直向下寻找，直到找不到为止。

举例如下，判断两个instanceof语句的判定结果。
f1 instanceof Foo 图示解析如下
在这里插入图片描述
f1 instanceof Object 图示解析如下
在这里插入图片描述

举例2
分别判断下面的语句的正确与否。
在这里插入图片描述
执行结果截图如下：
在这里插入图片描述
分析如下：

  1. Object instanceof Function
    True
    在这里插入图片描述
    这里的__proto__是因为Object()是new Function（）产生的，因此他也是Function函数的实例对象，进而有__proto__属性。

  1. Object instanceof Object
    True
    在这里插入图片描述

  2. Function instanceof Function
    True
    在这里插入图片描述
    因为Function是 new自己产生的，因此才有Function()的两个原型指向同一个。

  1. Function instanceof Object
    True
    在这里插入图片描述
  1. Object instranceof Foo
    False
    (Function instranceof Foo)同理也为false

在这里插入图片描述

整个原型链如图：
在这里插入图片描述
在这里插入图片描述

Kevin11Yao
关注
专栏目录
JavaScript — 显式原型和隐式原型、原型链、探索instanceof
m0_59897687的博客
02-21 524
目录 一、原型（prototype） 1.函数的prototype属性 2.给原型对象添加一个属性（一般是方法） 二、显式原型和隐式原型 三、原型链 1.原型链 2.构造函数/原型/实体对象的关系 3.属性问题 四、探索instanceof 一、原型（prototype） 1.函数的prototype属性 每个函数都有一个prototype属性，它默认指向一个Object空对象（即成为：原型对象） 原型对象中有一个属性constructor，它指向函数对象 ...
JS高级--原型与原型链
weixin_60811442的博客
04-06 318
一、原型 函数的prototype属性 * 每个函数都有一个prototype属性，它默认指向一个object空对象（即称为：原型对象） * 原型对象中有一个constructor属性，它指向函数对象 function Fun() {} console.log(Fun.prototype) // 默认指向一个空对象 // 原型对象中有一个constructor属性，它指向函数对象 console.log(Fun === Fun.prototype.constructor) // true
原型和原型链 及 instanceof函数
weixin_34352005的博客
03-01 103
一、原型(prototype) 定义：一个简单的对象，用于实现对象的属性继承。可以简单理解成对象的爹。在Firefox和Chorme中，每个JS对象中都包含一个__proto__（非标准）的属性指向该对象的原型，可obj.__proto__进行访问 实例是通过构造函数（new）创建出来的对象，实例通过__proto__指向原型，通过c...
原型链&instanceof
bao__zao的博客
09-17 242
原型链原理instanceof 原理 每一个对象有一个__proto__属性，指向构造函数的原型对象，构造函数的原型对象也是一个对象，也有__proto__属性，这样一层一层往上找就形成了原型链。 teacher 是 Teacher 类创建的实例 teacher.__proto__ === Teacher.prototype。前者称为隐式实例，后者为显式实例。 xxx.hasOwnProperty() 可以查看一个属性是否为对象本身拥有的，在其原型链上的不算是它本身的。hasOwnProperty 是 O
javascript高级:认识instanceof 与 原型链
weixin_34342992的博客
05-17 115
1 instanceof: 1.1 普通使用下: 判断一个对象是否是某个构造函数的实例: 语法 : 对象 instanceof 函数 是则返回true,不是则返回false. console.log(obj instanceof Object); 复制代码1.2 高级用法: 判断一个函数的原型对象,是否在实例对象的原型链上 1.3 案例如下: var arr = []; console.lo...
[js] instanceof和原型链
qq_14993591的博客
11-03 161
object instanceof constructor 参数 object 要检测的对象. constructor 某个构造函数 描述 instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上。 // 定义构造函数 function C(){} // true，因为 Object.getPrototypeOf(o) === C.prototype o instanceof C; instanceof 和原型链 ..
instanceof原理：通过原型链判断
最新发布
weixin_69891354的博客
03-01 263
instanceof原理：通过原型链判断
不是原型继承那么简单！！prototype的深度探索
10-30
当一个对象没有定义某个属性或方法时，JavaScript 引擎会沿着原型链向上查找，直到找到相应的属性或方法为止。 在 JavaScript 中，类（Class）和对象实例（Instance）之间的关系是一种“创建”关系。类可以看作是...
js代码-instanceof手写
07-15
在JavaScript中，`instanceof` 是一个非常常用的运算符，用于判断一个对象是否属于某个类或是否具有某个构造函数的原型链。这个操作符在进行类型检查和对象属性继承关系探索时尤其有用。本篇文章将深入探讨`...
责任链模式实现方式以及在业务中的运用
weixin_42637277的博客
11-17 1329
我们在平常业务开发或者深入了解一些框架实现时，经常会看到责任链模式的运用。责任链模式，通俗来讲，是若干个处理器组成一条链，当收到请求时，依次经过每个处理器，每个处理器只负责单独的一块逻辑。实现责任链模式有很多种方式，我们由浅入深，共同来探讨如何来实现责任链模式。 考虑一个场景，当我们接受一个用户请求，需要先做登录验证、权限验证、业务验证等许多验证，然后再做业务处理。我们首先想到的是将登录、权限、业务这些验证抽象成一个个过滤器，类似于这样： public interface Filter { void
instanceof 和原型链
u012028371的博客
10-17 440
这篇文章是从mdn上转载过来的，先保存下，以后再回顾、深究其原理 instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的prototype属性。 语法EDIT object instanceof constructor 参数 object要检测的对象. constructor某个构造函数 描述EDIT instanceof 运
从instanceof身上深入理解原型/原型链
weixin_34132768的博客
06-05 286
今天将延续这篇文章，借助一个老朋友——instanceof运算符，将通过它以及结合多次讲的原型/原型链经典图来深入理解原型/原型链。 对于原始类型（primitive type）的值，即string/number/boolean，你可以通过typeof判断其类型，但是typeof在判断到合成类型（complex type）的值的时候，返回值只有object/function，你不知道它到底是一个o...
原型属性 instanceof
weixin_50736511的博客
11-17 113
原型属性 1.查找对象的属性时，会自动到原型链中查找 2.设置对象的属性时不会查找原型链，如果当先对象没有此属性，直接添加此属性并设置其值 3.方法一般定义到原型两种属性一般通过构造函数定义再对象本身上 就是当在构造函数中定义一个方法时候，每次new这个构造方法的实例的时候都会调用这个方法，而有的实例并不需要用这个方法，占用了很大的内存，所以为了节省内存通常把你要定义方法设置在原型对象上 如果方法里面有属性的话，每次new的实例传入的参数是不一样的，所以一面的属性也是不一样的，属性最好定义在构造方法中，
原型，原型链 和instanceof
djtwebblog的博客
07-25 106
每一个class 都有一个显示原型 prototype 属性。 每一个对象都有一个隐式原型_proto_属性。 每一个对象的隐示原型都指向对象class 的显示原型 列如： class Student { constructor(name){ this.name = name; } studentName(){ console.log(`studentName:${this.name}`); } } const zhangs
原型和原型链的理解_从instanceof身上深入理解原型/原型链
weixin_39756336的博客
12-03 152
今天将延续这篇文章，借助一个老朋友——instanceof运算符，将通过它以及结合多次讲的原型/原型链经典图来深入理解原型/原型链。对于原始类型（primitive type）的值，即string/number/boolean，你可以通过typeof判断其类型，但是typeof在判断到合成类型（complex type）的值的时候，返回值只有object/function，你不知道它到底是一个ob...
Javascript基础知识-原型链-instanceof底层原理
lovepink527的博客
07-17 192
instanceof 操作符的实现原理 instanceof主要作用就是判断一个实例是否属于某种类型 let person = function(){ } let no = new person() no instanceof person//true 复制代码 原理大概如下 function new_instance_of(leftVaule, rightVaule) { let rightProto = rightVaule.prototype; // 取右表达式的 pro
判断数组的方式(原型链，instanceOf)
qiansitong的博客
03-28 243
js判断是否为数组的方式
javascript之原型与原型链
zhao97的博客
03-06 1013
借鉴原文原型与原型链 一、prototype 在javascript除外，每一个函数都有一个prototype属性，这个属性指向函数的原型 function Person(age) { this.age = age } Person.prototype.name = 'kavin' var person1 = new Person() var person2 = new Person() console.log(person1.name) //kavin console.log(per
深入理解JS—instanceof和原型链
热门推荐
Cecilia
05-04 1万+
又介绍一个老朋友——instanceof。对于值类型，你可以通过typeof判断，string/number/boolean都很清楚，但是typeof在判断到引用类型的时候，返回值只有object/function，你不知道它到底是一个object对象，还是数组，还是new Number等等。这个时候就需要用到instanceof。例如：function Foo(){} var f1=new Foo
JavaScript instanceof深入解析：解决类型判断的困惑
3. **原型链的探索**：在清单3中，`instanceof` 能够检查一个对象是否直接或者间接地由某个构造函数创建，这对于理解JavaScript的原型继承模型至关重要。例如，如果`Foo.prototype`指向`Aoo`的实例，那么`foo ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值