JavaScript：对于原型链的理解

最新推荐文章于 2024-07-31 16:33:32 发布
最新推荐文章于 2024-07-31 16:33:32 发布
阅读量87 收藏
点赞数 2
文章标签： javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51014684/article/details/139795290
版权
  1. 一个类有原型对象和构造函数
  2. 原型对象有__proto__属性，即隐式原型对象，用（__p）代替
  3. 构造函数有protoType属性，显式原型对象，指向原型对象
  4. 由构造函数创建出来的实例的隐式原型对象（__p）会继承构造函数的显示原型对象
  5. 每一个原型对象都会有一个constructor属性指回构造函数。
  6. object原型对象是最顶级的对象，其没有（__p）指向，指向为null

 特别注意的是，function构造函数的__p和protoType都指向function原型对象

图解：object-function-myClass

此为备战秋招复习贴，若有内容有误，欢迎大佬批评！

RRRuIII
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript中的原型链深入理解
10-26
JavaScript中的原型链是理解其面向对象编程机制的关键概念。在JavaScript中，由于没有传统的类，而是通过函数作为构造器来创建对象，因此它是一种基于函数和原型的编程语言。每个函数都有一个`prototype`属性，这个...
深入理解javascript原型链和继承
10-25
主要介绍了javascript原型链和继承的概念，以及使用原型链实现继承、经典继承、组合式继承、寄生组合式继承。非常实用，是篇非常不错的文章，这里推荐给大家。
js-7：javascript原型、原型链及其特点
fakerlove的博客
08-06 1039
Preson.prototype._proto_指向内置对象，因为Person.prototype是个对象，默认是由Object函数作为类创建的，而Object.prototype为内置对象。当试图访问一个对象的属性时，它不仅仅在该对象上搜寻，还会搜寻该对象的原型，以及该对象的原型的原型，依次层层向上搜索，直到找到一个名字匹配的属性或到达原型链的末尾。_proto_作为不同对象之间的桥梁，用来指向创建它的 构造函数的原型对象的。每个对象的_proto_都是指向它的构造函数的原型对象prototype的。
JavaScript：原型、原型链、继承
snowball的博客
05-23 1139
每个函数都有一个 prototype(原型)属性，这个属性是一个指针，指向一个对象， 而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法，使用原型对象的好处是可以 让所有对象实例共享它所包含的属性和方法。当你创建一个对象时，Javascript会从该对象的构造函数的原型对象中查找属性和方法。结合第四种中提及的继承方式，解决普通对象的继承问题的 Object.create 方法，我们在前面这几种继承方式的优缺点基础上进行改造，得出了寄生组合式的继承方式，这也是所有继承方式里面相对最优的继承方式。
深入理解javascript原型和原型链
猫老板的豆
03-11 1557
prototype（原型）下面的就是原型（也叫显式原型），它是一个对象，我们也称它为原型对象。Person.prototype.say = function () { // 通过原型添加方法// 原型对象say: ƒ(), // 原型上共享的方法，不会反复开辟存储空间，减少内存浪费。上面这个对象，就是大家常说的原型对象。
JavaScript原型和原型链（详细解读）
程麒阁的博客
04-09 7955
原型和原型链 一、原型概述 1.概念 原型在JavaScript是一个很重要的概念，它是面向对象可以继承的基础。知道吗，JavaScript的设计模式就是原型模式（二十三个经典设计模式之一），正是因为它有这个模式，所以它才十分的灵活。可以基于原型模式实现更多的面向对象设计模式。 二、原型链 1.什么是原型链？ 原型链是原型的查找机制，是一条寻址链。其实原型上的方法或属性查找，都是按照一定的顺序沿着原型链进行查找的。如果查找到最后仍然没有找到这个原型和方法，那么JS就会抛出没有这个属性或方法的异常。 2.什么
JavaScript：原型以及原型链的理解
kris_zyg的博客
11-21 203
原型和原型链
说⼀下 JavaScript 原型，原型链的理解？
zhangyu812的博客
05-03 465
1. prototype 显式原型 每个函数都有一个 prototype 属性，被称为显式原型，里面包含了这个构造函数公共的方法 2. \_ _proto_ 隐式原型 每个实例对象都会有\_ _proto_ _属性,其被称为隐式原型 每一个实例对象的隐式原型\_ _proto_ _属性指向自身构造函数的显式原型 prototype 3. constructor 每个 prototype 原型都有一个 constructor 属性，指向它关联的构造函数。 4. 原型链 ...
深入理解JavaScript原型与原型链
Hello World
05-07 3903
构造函数与对象 我们先使用构造函数创建对象： function Person() {} var person = new Person() 在上面的例子中，Person就是一个构造函数，使用new创建了一个实例对象person。 当然除了上面示例所示创建实例对象外，也可以使用JavaScript的内置对象（Object、Array、Date等需要new来创建实例对象的内部对象）创建一个...
理解JavaScript原型链
axinkaifa的博客
11-19 302
理解JavaScript原型链 (一)__proto__的默认指向 定义 虽然JavaScript里一切皆对象，但为了理解原型链系统，我们需要将JavaScript的对象分为对象和函数两大类。在此基础上，JavaScript的原型链逻辑遵从以下通用规则： 通用规则 对象有__proto__属性，函数有prototype属性； 对象由函数生成; 生成对象时，对象的__proto__属性指向函数的p...
如何理解JavaScript原型链
shao_xuan_的博客
11-22 4985
如何理解JavaScript原型链实例对象与原型对象的关系构造函数、原型对象和实例对象之间的关系原型链结构图函数在原型链中的结构原型链的理解和总结 实例对象与原型对象的关系 构造函数、原型对象和实例对象之间的关系 原型链结构图 函数在原型链中的结构 原型链的理解和总结 1） JavaScript 中的每个对象都有一个prototype 属性，称为原型，而原型的值也是一个对象，因此它也有自己的原型，这样就串联起了一条原型链。原型链的链头是object,它的prototype比较特殊，值为null。 2
面试官：JavaScript原型，原型链 ? 有什么特点？
weixin_44475093的博客
02-20 2236
一、原型JavaScript 常被描述为一种基于原型的语言——每个对象拥有一个原型对象当试图访问一个对象的属性时，它不仅仅在该对象上搜寻，还会搜寻该对象的原型，以及该对象的原型的原型，依次...
JavaScript从原型到原型链深入理解
10-16
JavaScript中的原型和原型链是理解面向对象编程的关键概念。它们定义了对象间的继承关系和属性查找机制。在JavaScript中，每个函数（构造函数）都有一个`prototype`属性，这个属性实际上是一个对象，它包含了所有由...
JavaScript原型及原型链终极详解
10-23
JavaScript中的原型和原型链是理解JavaScript继承机制的关键概念。在JavaScript中，每个对象都有一个内部属性`__proto__`，它链接到创建该对象的构造函数的原型对象。原型对象通常包含了可以被实例对象共享的方法和...
JavaScript青少年简明教程：函数及其相关知识（下）
cnds123的专栏
07-26 667
JavaScript青少年简明教程：函数及其相关知识（下）
VUE3自定义指令防止重复点击多次提交
MadSnail00的博客
07-30 230
vue3连续点击按钮重复提交，vue3自定义指令防止重复提交
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 504
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
RN高级interview
最新发布
流星雨的博客
07-31 302
RN高级interview
我们的前端开发逆天了！1 小时搞定了新网站，还跟我说 “不要钱”
努力做最接地气的编程干货分享，感谢关注
07-29 1789
本文将带你了解一个新的 Web 框架 **Astro**，并手把手带你使用 Astro 搭建一个属于自己的站点，用过的都说真香！
JavaScript入门：理解原型与闭包实战应用
通过原型链，对象可以继承父对象的属性和方法。学习者将通过实例了解如何创建和操作对象，如何利用原型扩展功能，以及如何避免全局变量带来的问题。 2. **闭包**：这部分教程详细解释了闭包的概念，它是JavaScript...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值