「一起造轮子」三种写法实现instanceof

最新推荐文章于 2022-09-25 07:59:41 发布
最新推荐文章于 2022-09-25 07:59:41 发布
阅读量242 收藏 1
点赞数
分类专栏： 一起写轮子 文章标签： js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-NC-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zyccode/article/details/113152152
版权
本文探讨了JavaScript中的instanceof运算符，详细解释了其实现原理，并提供了三种不同的实现方式：while循环、递归和for循环。通过这些方法，沿着实例对象的原型链查找构造函数属性，直至找到null。此外，还提到了`Object.getPrototypeOf()`作为优化的属性获取方式，但文章中的实现仅限于原型链查找，对于某些特殊情况未做兼容。
摘要由CSDN通过智能技术生成

instanceof的定义是什么？

instanceof在MDN的定义如下：

标准中

实现instanceof过程

如果实例对象（也就是左边传入的值left）__proto__不是强等于构造函数（也就是右边传入的值right）的prototype，就一直朝着实例对象的原型链往上找，直到找到null为止，就证明构造函数的prototype属性并没有出现在实例对象的原型链上。

可以结合下方的示意图来理解一下（图片来自于：mollypages.org）

下面的三种写法均基于这个思想：

while循环写法

function myInstanceOf(left, right) {
   
  // 取right的显示原型
  let proto = right.prototype;
  // 取left的隐式原型
  left = left.__proto__;
  while
最低0.47元/天 解锁文章
zyccode
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
instanceof 实现原理
前端大菜鸟的博客
03-26 528
instanceof 方法说明 判断指定构造函数的原型对象是否出现在指定对象的原型链上 示例 function Test (name) { this.name = name this.log = function () { console.log(this.name) } } const t = new Test() // 判断对象t是否是另一个对象（Test）的实例 /...
利用原生JavaScript实现造日历轮子实例代码
10-17
let weekDaysArray = startOfWeek instanceof Function ? weekdays.map(week(startOfWeek)) : weekdays.slice(startOfWeek, 7).concat(weekdays.slice(0, startOfWeek)); let weekDayContainer = document....
instanceOf 的另外一种写法
zhangqi6627的专栏
07-31 260
if (Activity.class.isInstance(mContext)) { } 等同于 if (mContext instanceof Activity) { }
instanceof用法_Java语言instanceof运算符用法详解
weixin_39670267的博客
12-01 226
短文涨姿势，看了不白看，不关注等啥？Java语言当中提供了一个叫做instanceof的运算符。很多教科书上对这个运算符的介绍并不详细，只是简单的说这个运算符是用来判断某个对象是不是属于某种类型。我们现在就用一篇短文介绍一下instanceof的运算符的作用和注意事项。请看下面的代码片段代码中定义了一个接口和两个类。大家记清楚它们之间的关系：Person类实现了Moveable接口，Student...
instanceof的另类写法示例说明
qq_25073223的博客
07-17 220
instanceof的替代写法
【超详细】前端手写原理之实现instanceOf
m0_56200434的博客
10-26 180
思路： 步骤1：先取得当前类的原型，当前实例对象的原型链 ​步骤2：一直循环（执行原型链的查找机制） 取得当前实例对象原型链的原型链（proto = proto.__proto__，沿着原型链一直向上查找） 如果 当前实例的原型链__proto__上找到了当前类的原型prototype，则返回true 如果 一直找到Object.prototype.__proto__ == null，Object的基类(null)上面都没找到，则返回false // 实例.__ptoto__ ===..
理解Javascript_07_理解instanceof实现原理
10-28
通过分析给定的文件内容，我们可以提炼出关于instanceof实现原理的详细知识点。 首先，JavaScript中的对象有一个内部属性[[Prototype]]（在ES6中被标准化为Object.getPrototypeOf），它指向对象的原型。当使用new...
Java关键字instanceof用法及实现策略
08-18
Java关键字instanceof用法及实现策略 Java中的instanceof运算符是用来在运行时判断对象是否是指定类及其父类的一个实例。下面我们将详细介绍Java关键字instanceof的用法和实现策略。 instanceof运算符的基本用法 ...
Java关键字instanceof的两种用法实例
09-03
下面将详细介绍这两种`instanceof`的用法。 1. 判断对象是否为类（或接口、抽象类、父类）的实例 `instanceof`的关键作用是检查一个对象是否属于特定的类或者类的子类。例如，在给出的例子中，我们创建了一个`...
instanceof用法&&重写instanceof
胡图图的博客
12-04 351
1. 作用 instanceof运算符用于检测构造函数的prototype属性是否出现在某个实例对象的原型链上。 2. 语法 object instanceof constructor 参数 object：某个实例对象 constructor：某个构造函数 描述 instanceof运算符用来检测constructor.prototype是否存在于参数object的原型链上 3. 判断引用数据类型 function Person(name){ this.name = name } let p =
js手写instanceof
weixin_40840206的博客
03-10 163
instanceof的作用 instanceof 运算符用于判断构造函数的 prototype 属性是否出现在对象的原型链中的任何位置。 参数包括： left (实例对象) rigth(构造函数) 即判断left是否为该构造函数的实例对象。 手写步骤： 首先获取实例对象的__proto__（原型）； 其次获取构造函数的prototype(原型)； 循环判断实例对象的原型是否等于构造函数的原型，直到对象原型最终为null(原型链的最终为null)。 代码： function myInstanceof(le
instanceOf 运算符原理
山山而川~
02-10 434
定义 instanceof运算符用于测试构造函数的prototype属性是否出现在对象的原型链中的任何位置。 —— MDN 简单理解为：instanceof可以检测一个实例是否属于某种类型。 function Foo(){} const a = new Foo() a instanceof Foo // true a instanceof Object // true 还可以在继承关系中用来判断一个实例是否属于它的父类型。 function Foo(){} function Chi
JavaScript-instanceof详解（底层规范）
l_637的博客
09-25 176
/ 打印的结果是false对这个结果，我并不知道是为什么，经过翻阅ECMAScript文档得到了答案。既然都知道instanceof的底层原理了，自然手痒的我想要实现自己的一个instanceoflet P;} }从底层规范知道了instanceof，不仅以后使用过程中会注意与typeof的区别，也通过阅读英文文档提高了自己阅读文档的能力。
instanceof 的原理是什么
shuaishuaizhang8的博客
03-31 259
instanceof 的原理是什么 MDN的instanceof的解释 instanceof 运算符用于测试构造函数的 prototype 属性是否出现在对象原型链中的任何位置 解释：假如 A instanceof B，那么A必须是一个对象，B必须是一个合法的js函数（构造函数），在这两个条件都满足的条件下，判断B的prototype属性指向的原型对象（B.prototype）是否在对象A (构造函数的实例对象)的原型链上 （A.proto）；如果在，则为true，如果不在，则为false 区分
instanceof 原理和简单实现
飞驰的地铁
05-19 1306
1. 是什么 在 MDN 上是这样描述 instanceof 的： instanceof 运算符用于测试构造函数的 prototype 属性是否出现在对象原型链中的任何位置 2. 实现 这里已经描述的很清楚了, 怎么实现呢 思路: 首先 instanceof 左侧必须是对象, 才能找到它的原型链 instanceof 右侧必须是函数, 函数才会prototype属性 迭代 , 左侧对象的原型...
浅拷贝和深拷贝 - 前置（4.2） - 判断数据类型 - instanceof
weixin_41806099的博客
10-16 250
原文：MDN - instanceof功能：instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。示例：functio...
简说JS中的instanceof
qq_44169219的博客
11-13 3297
instanceof操作符在MDN上的解释为：定义instanceof运算符用于测试构造函数的prototype属性是否出现在对象的原型链的任何位置。 1、作用：判断一个引用是否属于某构造函数或在继承关系中判断一个实例是否属于他的父类型。 2、判断逻辑：从当前引用的proto一层一层顺着原型链往上找，看能否找到对应的prototype。 3、使用方法：object instanceof co...
instanceof实现原理
ferrysoul的博客
01-17 1951
instanceof 检测一个对象A是不是另一个对象B的实例的原理是：查看对象B的prototype指向的对象是否在对象A的[[prototype]]链上。如果在，则返回true,如果不在则返回false。不过有一个特殊的情况，当对象B的prototype为null将会报错(类似于空指针异常)。...
Java之instanceof
热门推荐
Jack
07-18 4万+
java中，instanceof运算符的前一个操作符是一个引用变量，后一个操作数通常是一个类（可以是接口），用于判断前面的对象是否是后面的类，或者其子类、实现类的实例。如果是返回true，否则返回false。 也就是说： 使用instanceof关键字做判断时， instanceof 操作符的左右操作数必须有继承或实现关系 下面我们用继承树来判断instanceof的返回值： inter...
实现instanceof函数
最新发布
09-14
要实现一个类似于`instanceof`函数的...当然，本文会略过前两种，重点讲述instanceof的实现原理和手写instanceof的实现。 - instanceof 运算符用于测试构造函数的 prototype 属性是否出现在对象原型链中的任何位置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值