原型链、原型对象

最新推荐文章于 2023-06-08 15:26:16 发布
最新推荐文章于 2023-06-08 15:26:16 发布
阅读量229 收藏
点赞数
文章标签： 原型模式 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60376759/article/details/124719096
版权

new关键字的作用-在构造函数中的方法

显示原型对象：函数对象的prototype属性 代表的是一个原型对象 我们称之为 显式原型对象

 

隐式原型对象：指的是实例化的那个对象的__proto__，函数对象的显式原型对象和实例化对象的隐式原型对象指向的是同一个

使用原型对象

 

 

原型对象-使用原型对象解决堆中内存浪费问题

 

原型链基本使用

 

原型链应用场景：实例对象会在当前函数对象上去寻找方法，如果找到就使用，如果找不到就去原型对象上去寻找，如果找到就是用，如果找不到就顺着原型对象的隐式原型对象去寻找（在Object上的原型对象去寻找）如果找到就使用，找不到就报错

 

半夜删你代码·
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS三座大山之原型链 (附原型链的应用)
weixin_57320268的博客
03-09 744
面向对象的三个特征： 1 封装 把代码放到对象的方法中 2 继承 一个对象 拥有另一个对象的所有成员 3 多态 一个对象在不同情况下不同状态 原型继承： 继承 : 一个对象 拥有 另一个对象 所有的 成员 原型继承 把父元素 作为子对象构造函数 的原型 原型链： 什么是原型链? 每一个函数都有原型,而原型也是对象,也会有自己的原型,依次类推形成链式结构,称之为原型链 对象访问原型链的规则: 就近原则 对象先访问自己的，自己没有就找原型的，原型没有就找原型的原型，一直..
原型与原型链
zhhvera的博客
06-11 102
原型（prototype） List item **原型对象：**每个函数都有一个prototype对象，默认指向一个object空对象，即称为原型对象 **constructor：**原型对象中有一个constructor，指向函数本身（函数有prototype，prototype有constructor,指向函数） 给原型对象添加属性，实例可以访问 List item 显式原型和隐式原型 **显式原型：**每个函数都有一个prototype对象【创建函数的时候创建】 隐式原型：每个实例对
如何理解原型和原型链？原型的使用场景有哪些？些
m0_68009075的博客
06-08 281
每一个JavaScript对象都有一个原型对象，这些原型构成了一条指向object原型对象的链条，被称为“原型链”。当使用new运算符创建一个新的实例时，它将会从原型上继承所有属性和方法，包括那些定义的父类函数的prototype对象上的属性和方法。每个JavaScript函数都有一个默认的prototype属性，它是一个空对象，用于存放该函数的实例共享的属性和方法。总之，理解原型和原型链不仅有助于更好地理解JavaScript的特性，也能使我们写出更清晰、可复用的代码。
浅析js中的原型和原型链及其使用场景
铁锤妹妹的博客
02-27 2820
最近浏览网站学习的时候，看到了这个话题，感觉面试里也经常会被问到；所以查阅了不少文章，想总结一下，方便以后翻看。理解的会比较浅显，希望能多多交流，以后理解更深层的也会持续在这里更新。
原型和原型链
计算机硕士的博客
05-19 615
一、原型和原型链 1、原型 原型：prototype（一个对象） 概念：每一个函数上，都有一个prototype（原型对象） 使用场景：一般使用在构造函数上，如果给构造函数的原型prototype添加方法，构造函数构造出来的对象就能共享原型上所有的方法 var arr1 = [10, 20, 30, 40, 50]; var arr2 = [1, 2, 3, 4, 5]; // Array是数组的构造函数 // 给数组的构造函数的原型添加方法 Array.prototype.sum = func
【面试原型链】前端面试那些事（1）一张图看懂原型链与继承的恩怨情仇
赏樱看雪撸代码
01-31 635
一张图看懂原型链与继承，前端面试经验、js原型链、原型和原型链的概念、__proto__和prototype的区别与概念、面试之原型链详解
js 原型对象和原型链理解
12-02
一个例子让你彻底明白原型对象和原型链 开篇 之前对js中的原型链和原型对象有所了解，每当别人问我什么是原型链和原型对象时，我总是用很官方（其实自己不懂）的解释去描述。有一句话说的好：如果你不能把一个很复杂...
浅谈JS原型对象和原型链
10-22
JavaScript中的原型对象和原型链是理解其面向对象特性的核心概念。万物皆对象，而对象又分为普通对象和函数对象。函数对象通过`new Function`创建，如`f1`、`f2`和`f3`，而普通对象则通过对象字面量或`new`表达式...
JavaScript对象原型链原理解析
11-21
这篇文章主要介绍了JavaScript对象原型链原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 一个js对象，除了自己设置的属性外，还会自动生成proto、...
javascript 原型与原型链的理解及应用实例分析
11-21
本文实例讲述了javascript 原型与原型链的理解及应用。分享给大家供大家参考，具体如下： javascript中一切皆对象，但是由于没有Class类的概念，所以就无法很好的表达对象与对象之间的关系了。 比如对象A与对象B之间，它们两个是相对独立的个体，互不干扰，对象A修改自身的属性不会影响到对象B。 虽然这很好，但是有一个问题，如果对象A与对象B都有一个方法 run() ，并且代码也一样，那对象A与对象B各自都独立拥有一份 run() 方法的完整代码，这是需要资源去保存的。 一旦我们程序中应用的对象过多，那这种资源消耗会是巨大的。那有没有一种方法可以让对象A与对象B拥有一些公共的属性和方
JavaScript作用域、闭包、对象与原型链概念及用法实例总结
10-18
主要介绍了JavaScript作用域、闭包、对象与原型链,结合实例形式总结分析了javascript中变量与函数的作用域、闭包、对象、原形链相关概念、用法及注意事项,需要的朋友可以参考下
JavaScript对象原型链原理详解
10-15
主要介绍了JavaScript对象原型链原理详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
js对象继承之原型链继承实例
10-24
主要介绍了js对象继承之原型链继承,以实例形式分析了原型链继承的实现方法与注意事项,具有一定参考借鉴价值,需要的朋友可以参考下
原型链的基础结构和使用
swoly2894265391的博客
04-09 491
一首先先简单解释一下三个单词的意思 1. prototype : 属于构造函数，指向原型对象 作用：解决资源浪费+变量污染 2.__proto__ : 属于实例对象，指向原型对象 作用： 可以让实例对象访问原型中的成员 3.constructor: 属于原型对象，指向构造函数 作用： 可以让实例对象 知道自己被哪一个构造函数创建的 二构造函数 原型对象 实例对象 三者之间存在三条线,通过两行代码来检测三者的关系是否成立 //检查原型 : (1)先通过实例对象找构造函数 ...
JS基础——JavaScript原型和原型链及实际应用
aimolia8633的博客
06-21 425
构造函数 function Stu(name,age){ this.name=name; this.age=age; } instanceof 查看引用类型对象是属于哪个构造函数的方法,通过__proto__ 一直往上找prototype,直到找到Object 原型规则和示例 所有的引用类型(数组/对象/函数)都可有扩展属性,都有一个隐式原型__proto_...
JavaScript中有关原型链应用的实例
刘小毅的博客
09-27 1432
JavaScript中原型链十分重要。 为方便直观感受js中原型链的调用，举例验证。以下为代码： function Pet(name,age){ if(this instanceof Pet===true&&name&&age){ this.name=name; this.age=age; } } Pet.prototype.pla...
原型链的应用
weixin_43992935的博客
06-18 925
15.3. 原型链的应用 15.3.1. 数组求最值 15.3.1.1. 基本实现 已经能够工作，比如数组对象的方法：arr.sort()，我们希望达到如下的调用方式： 15.3.1.2. 把方法加在构造器的原型上 由于给构造器Array添加一个属性getMax，所以呢，所有的由Array所产生的对象都可以访问这个属性。 还有一个问题：getMax()中的参数。 对比arr.sort()，我们如...
js获取对象的原型链
最新发布
09-18
JavaScript中获取对象的原型链有两种方式：显式查找和隐式查找。显式查找是通过对象的构造函数的prototype属性来查找原型对象，而隐式查找是通过对象的__proto__属性来查找原型对象。每个对象都有原型，原型的constructor属性指向的是构造函数本身。当读取对象的属性时，如果对象本身没有该属性，就会去其原型链上的原型对象查找，一直找到最顶层的Object.prototype为止。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值