原型属性 instanceof

于 2021-11-17 18:09:21 发布
阅读量115 收藏
点赞数
分类专栏： 笔记 文章标签： javascript es6 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50736511/article/details/121379995
版权

原型属性

1.查找对象的属性时，会自动到原型链中查找
2.设置对象的属性时不会查找原型链，如果当先对象没有此属性，直接添加此属性并设置其值
3.方法一般定义到原型两种属性一般通过构造函数定义再对象本身上

就是当在构造函数中定义一个方法时候，每次new这个构造方法的实例的时候都会调用这个方法，而有的实例并不需要用这个方法，占用了很大的内存，所以为了节省内存通常把你要定义方法设置在原型对象上
如果方法里面有属性的话，每次new的实例传入的参数是不一样的，所以一面的属性也是不一样的，属性最好定义在构造方法中，如果定义在实例中就会把属性的值写死

instanceof

表达式：A instanceof B
如果B函数的显式原型对象在A对象的原型链上，返回true，否则返回false

就是说A实例对象的隐式原型上找能不能找到B的原型对象

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

万事胜意sy
关注
专栏目录
JavaScript — 显式原型和隐式原型、原型链、探索instanceof
m0_59897687的博客
02-21 531
目录 一、原型（prototype） 1.函数的prototype属性 2.给原型对象添加一个属性（一般是方法） 二、显式原型和隐式原型 三、原型链 1.原型链 2.构造函数/原型/实体对象的关系 3.属性问题 四、探索instanceof 一、原型（prototype） 1.函数的prototype属性 每个函数都有一个prototype属性，它默认指向一个Object空对象（即成为：原型对象） 原型对象中有一个属性constructor，它指向函数对象 ...
前端基础——原型、instanceof
前端
03-01 1364
文章早就有了，现在制作一张图放上来。 什么是原型对象 当我们声明一个函数时A，浏览器会在内存中创建一个对象B，每个函数都有一个默认的prototype属性指向这个对象B，对象B默认有个constructor属性指回这个函数，这个对象B就是函数A的原型对象。 constructor不是实例化对象的自有属性，而是原型属性，因为原型对象的constructor指向构造函数，所以实例化对象的constr...
JavaScript的instanceof属性
LuckXinXin的博客
08-09 123
instanceof 可以正确的判断对象的类型，因为内部机制是通过判断对象的原型链中是不是能找到类型的 prototype 我们也可以试着实现一下 instanceof function instanceof(left, right) { // 获得类型的原型 let prototype = right.prototype // 获得对象的原型 left = left.__proto__ // 判断对象的类型是否等于类型的原型 while (true).
js-静态、原型、实例属性
JavaScript的专栏
11-11 2221
本篇来说一下js中的属性： 1、静态属性 2、原型属性 3、实例属性 静态属性： function klass(){} var obj=new klass(); klass.count=0; klass.count++; console.log(obj.count);//undefined console.log(klass.count);//1 静态属性存在于对象中。它的访问方式只有
prototype (原型) 属性
wiscourper的博客
03-27 1052
转自：https://www.jianshu.com/p/4f87d28923ce 这篇文章是基于 <<JavaScript 高级程序设计>>第六章面向对象的程序设计 6.2.3原型模式 我们每创建一个函数, 都有一个 prototype (原型)属性, 这个属性是一个指针, 指向一个对象,这个对象的 用途: 包含可以由指定类型的所有实例共享的属性和方法 所以 prot...
Java 关键字 instanceof属性及使用方法
TWW
03-24 895
Java 关键字 instanceof 属性及使用方法 instanceof的返回结果是boolean型，用法是： object.instanceof(class) 返回结果： 如果当前class为object对象的一个自身类或者是父类，返回true，否则返回false(注意：与null有关的均为false)； 测试部分如下： class Student extends Person{ } p...
instanceof 和原型链
u012028371的博客
10-17 448
这篇文章是从mdn上转载过来的，先保存下，以后再回顾、深究其原理 instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的prototype属性。 语法EDIT object instanceof constructor 参数 object要检测的对象. constructor某个构造函数 描述EDIT instanceof 运
Javascript原型链及instanceof原理详解
10-15
这说明了instanceof是沿着对象的原型链向上查找，直到找到构造函数的prototype属性，或者到达Object.prototype。如果没有找到，则返回false。 最后，我们来看一下constructor属性。在JavaScript中，constructor属性...
理解Javascript_07_理解instanceof实现原理
12-01
`instanceof`是JavaScript中一个重要的操作符，用于检测一个对象是否属于某个构造...了解`instanceof`的实现原理有助于我们更好地理解和调试涉及原型链的问题，同时也可以帮助我们更有效地编写和优化JavaScript代码。
关于原型链中的instanceof探索
weixin_45664402的博客
10-18 214
原型链中的instanceof探索 记录一下今天所学JS原型链中关于instanceof判定的探索。 本人也在学习中，欢迎各位同学的指正！ 理解如下： A是一个实例，B是一个构造函数 B只能走一步，找到B.prototype 而A若有__proto__，则可以一直向下寻找，直到找不到为止。 举例如下，判断两个instanceof语句的判定结果。 f1 instanceof Foo 图示解析如下 f1 instanceof Object 图示解析如下 举例2 分别判断下面的语句的正确与否。 执行结
原型链继承 与 instanceof原理
小柒的前端之旅
07-29 373
前面的话 许多的oo语言都支持两种继承方式：接口继承与实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法。js只支持实现继承，而且其实现继承主要是依靠原型链来实现的。 原型链继承的本质 原型链继承的本质是重写原型对象，代之是一个新类型的实例. 下列代码中，Fn的新原型不仅有new Fn1()实例上的全部属性和方法，并且还继承了Fn1原型上的属性与方法。 function Fn1() { ...
自定义对象、prototype原型属性
一点一滴
11-08 2170
一、自定义对象 1、在javascript没有类的概念，只要有函数即可创建对象。2、自定义对象的格式： 方式1： 使用无参的函数创建对象。 方式2：使用带参的函数创建对象。this表示当前对象。 方式3： 使用Object函数创建对象，javascript默认创建了一个 function Object(){}。//类似方式1 var p = new Object(); p.id =
javascript中的原型属性和实例属性
asiangames的专栏
12-09 1478
for-in可以将一个对象的所有属性（包括原型（继承）属性的实例属性（原型属性中存在但是被该对象覆盖了原来原型中的值））。 可以使用hasOwnProperty()方法检测一个对象的属性是实例属性（true）还是原型属性（false）。即是，只有对象覆盖了属性在原型中的值之后才会返回true，这时候才算是一个实例属性。 定义原型： Person.pro
构造函数的原型属性prototype
alightman的博客
10-13 1082
js规定,所有的函数自带一个属性，prototype,而且是一个对象（构造函数），通过构造函数实例化的对象可以直接通过原型的属性和方法访问 什么意思呢，比如 fn.prototype.name = "zs", 所有通过实例化的对象，var cc = new fn(); console.log(cc.name) = "zs";同理，可以存储行为函数 所以之前的所有构造函数里的共
js浅谈实例属性和原型属性
lixiaonaaa的博客
02-13 702
1，实例属性是通过this关键字创建的属性，是属于每一个实例对象的私有属性 2，原型属性是通过prototype创建的属性，属于构造函数的原型属性，每一个实例对象都共享的属性 function Fn (a, b) { this.a = a; this.b = b; } Fn.prototype.c = '原型属性'; var fn = new Fn('实例属性1', '实例属性2'); console.log(fn) 输出为： ...
js之constructor属性/instanceof运算符/原型的理解
lizeshi125的博客
10-26 414
JS: 一.constructor属性 1.prototype对象有一个constructor属性，默认是指向prototype对象所在的构造函数。 例： function P(){ } P.prototype.constructor === P;//true 2.由于constructor属性定义在prototype对象上面，代表其可以被所有实例对象
【JavaScript】面向对象之原型
weixin_33753003的博客
08-17 114
JS(JavaScript)一.原型1.概括 原型是什么 Function对象包含数学方法的函数，函数定义在protoype属性，初始值为一个空对象原型的属性和方法不会影响函数自身的属性和方法 // Function类型的属性 -> 所有函数都具有的属性 console.log(Function.prototype); // 定义函...
Js中常用知识点（typeof、instanceof、动态属性、变量作用域）
weixin_34174132的博客
04-29 90
1、Js中各类型的常量表示形式：Number：number String：string Object：objec 2、typeof运算符在Js中的使用：用于判断某一对象是何种类型，返回值是字符串（各类型的常量的字符串形式） var message = "some string"; alert((typeof message) == String){alert("OK"...
前端学习系列——（十四）原型（属性）、原型对象和原型链
随风丶逆风的博客
08-22 654
一、原型（属性）__proto__ 每个实例对象(obj)的私有属性，在ECMAScript中规定obj.[[Prototype]]符号表示实例对象的原型。但早期并没有统一规范，所以大部分浏览器自己实现了该私有属性，多以__proto__的方式进行访问，该属性指向实例对象obj的构造函数的原型对象(prototype)。 二、原型对象 prototype 每个构造函数(本身也是对象)有一个p...
JavaScript原型与原型链深度解析
7. **instanceof**：运算符用于检测一个对象是否在一个类或其原型链中。 理解并熟练运用原型和原型链是JavaScript高级编程的基础，它们是实现面向对象编程的关键工具，尤其是在处理继承和共享行为时。通过实例化...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

万事胜意sy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值