原生JS实现instanceof功能

最新推荐文章于 2025-02-12 19:56:25 发布

HHH_LLL

最新推荐文章于 2025-02-12 19:56:25 发布

阅读量915

点赞数

分类专栏： JavaScript 文章标签： JS

本文链接：https://blog.youkuaiyun.com/HHH_LLL/article/details/89877969

版权

本文探讨了如何使用原生JavaScript实现`instanceof`操作符的功能。关键在于检查左边对象的`__proto__`属性是否指向右边构造函数的`prototype`属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

核心就是左边对象的__proto__的指向是否等于右边的prototype属性

function f1(left,right){
   
	let prototype = right.prototype;
	let proto = left.__proto__;
	while(true){
   
	    if(</

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

HHH_LLL

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

js中instanceof的作用，并实现instanceof

weixin_47450807的博客

01-24

1847

instanceof：用来判断右边构造函数的原型对象，是否在左边实例对象的原型链上。 class Person { } class Student extends Person { } let p1 = new Person() let stu1 = new Student() console.log(p1 instanceof Person) //true console.log(stu1 instanceof Student) //true console.log(stu1 in

js代码-实现一个 instanceof

07-16

在压缩包中的 `main.js` 文件可能包含了实现这个功能的代码，而 `README.txt` 文件可能提供了关于如何使用和测试这个实现的说明。为了进一步了解这个实现，你可以查看这两个文件的内容。总之，`instanceof` 是...

参与评论您还未登录，请先登录后发表或查看评论

JS实现instanceof

yin_ping1101的博客

05-03

586

作用：用来判断右边构造函数的原型对象，是否在左边实例对象的原型链上。实现步骤： 1.获取类型的原型 2.获取对象的原型 3.循环判断类型的prototype是否在对象的原型链上 function myInstanceof(obj,constructor) { let prototype = constructor.prototype; if (obj === null || obj === undefined || !obj || (typeof obj !== 'object' .

前端知识速记--JS篇：instanceof

最新发布

无限大的博客

02-12

789

在JavaScript中，instanceof运算符用于检测一个对象是否是另一个对象的实例。。如果obj是的实例，它将返回true，否则返回false。这是一个判断对象的原型链上是否存在构造函数的prototype属性的简单方法。

js实现instanceof

a742794196的博客

08-07

201

instanceof 是通过原型链判断的，A instanceof B, 在A的原型链中层层查找，是否有原型等于B.prototype，如果一直找到A的原型链的顶端null,仍然不等于B.prototype，那么返回false，否则返回true. function instance(left,right){ left=left.__proto__ ...

原生JavaScript实现 instanceof

野生松

10-25

225

原理很简单，就是沿着原型链往上查找 function myInstanceof(target, obj){ if(typeof target !== "object" || target === null) return false; // 往上找target的原型 let proto = target.__proto__ // let proto = Object.getPrototypeOf(target); while(true){ //查找到尽头，还没找到

JS中instanceof的实现

Jackie Huang

07-27

1310

ps: 如果有任何问题可以评论留言，我看到后会及时解答，评论或关注，您的鼓励是我分享的最大动力转载请注明出处： https://blog.youkuaiyun.com/qq_40938301/article/details/104342113 我的前端开源项目JavaScriptGuide在维护中，内有前端重要的知识总结归纳，欢迎大家fork的参与以及star的鼓励： https://github.com/Jackie-Hung/JavaScriptGuide instanceof实现概念: instanceof

【JavaScript源代码】JavaScript 手动实现instanceof的方法.docx

12-29

当我们手动实现`instanceof`时，我们需要理解JavaScript的原型链机制。在JavaScript中，每个对象都有一个`__proto__`属性（在ES6中推荐使用`Object.getPrototypeOf`方法），这个属性指向创建该对象的构造函数的`...

原生JS封装_new函数实现new关键字的功能

10-18

如果封装的_new函数正确地实现了构造函数，那么它应该能够实现与new关键字相同的功能。总结来说，封装_new函数的目的是为了更深入地理解JavaScript中new关键字的工作机制，并提供一个更加灵活的方式去创建对象实例...

关于原生js中bind函数的简单实现

10-21

以下是对原生JS中`bind`函数简单实现的详细解释：首先，我们要检查当前环境是否已经内置了`bind`函数，如果没有，我们将自定义一个： ```javascript if (!Function.prototype.bind) { Function.prototype.bind =...

JS Instanceof 实现

qq_42687536的博客

08-06

116

手写Instanceof function myInstanceof(left, right){ let leftProto = left.__proto__; let rightProto = right.prototype; while(true){ if(leftProto === null) return false; if(leftProto === rightProto) return true; leftProto = leftProto.__proto__; } } 验

instanceOf的js实现

IMFaust的博客

06-21

633

function instance_of(leftVaule, rightVaule) { let rightProto = rightVaule.prototype; // 取右表达式的 prototype 值 leftVaule = leftVaule.__proto__; // 取左表达式的__proto__值 while (true) { if (lef...

JS之instanceof详解

热门推荐

wfly blog

11-22

12万+

instanceof 用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。语法：object instanceof constructor object：某个实例对象 constructor：某个构造函数用来检测 constructor.prototype 是否存在于参数 object 的原型链上。示例 // 定义构造函数 function C () {} function D () {} // 实例化一个 o 对象 var o = new C() // tru

JS instanceof 实现

看陌生的风景的博客

06-06

161

js instanceof 原理

js--instanceof实现

冷月心的博客

11-06

411

js--instanceof实现

JavaScript实现一个instanceof

IronKee的博客

09-14

539

实现一个instanceof，instanceof与typeof比较

js手动实现instanceof

qq_41265268的博客

04-16

484

instanceof 的用法 // 判断数组类型 [] instanceof Array // true

javascript中的instanceof实现

weixin_47359038的博客

04-16

835

文章目录前言instanceof 前言在写对象相关方法时用到了instanceof来判断对象是否属于某种类型，研究一下是怎么实现的，加深自己的理解。 instanceof 如下面一个小案例： const arr = [1, 2, 3]; console.log(arr instanceof Array); // true 其实instanceof原理是判断左边对象的原型链中是否存在右边对象的原型对象。封装一个很简单版的函数，便与理解instanceof工作机制。 function fnInstanc

实现instanceof

weixin_38984030的博客

09-22

470

instanceof 的原理就是寻找左边的对象的原型链中是否存在右边对象的原型对象。 left.__proto__ === right.prototype,如果上一层对象没有则会沿着原型链往上找。 function myInstance(left, right){ while(true){ if(left.__proto__ === right.prototype){...