js的原型和原型链

最新推荐文章于 2024-06-10 21:57:03 发布
最新推荐文章于 2024-06-10 21:57:03 发布
阅读量76 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46387864/article/details/125283062
版权

原型

  • 原型是构造函数的公共空间，每个构造函数都有一个原型。
  • 在原型上添加方法可以对实例共享，避免每个实例在创建时都重复添加同一个方法，节省内存空间
  • 构造函数也是对象

构造函数、原型、实例之间的关系


我认为还是图片比较好理解，直接上图hhh。
在这里插入图片描述

原型链


当访问对象的某个属性或方法时，先在自己的构造函数中进行查找，如果没有，就在自己的原型中查找，如果还没有，就找原型的原型，一直找到Object的原型，这样形成的一个链条称为原型链
如图所示
在这里插入图片描述

弦上的虫
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对js原型和原型链的理解
qq_45770253的博客
08-11 3176
       学习到 JavaScript 原型这个地方的时候，最开始是比较懵的状态，今天早上起来看了下红宝书中对于原型的解释，慢慢的也就有了些了解，但是解释的比较官方。接下来，我会把自己的理解分享下来，尽量用通俗易懂的话来描述。如果有什么不对的地方，希望大家指正。 1、原型 1.1 prototype        JavaScript 中，当我们创建一个函数的时候
javascript原型和原型链
01-08
一、原型规则 1、所有的引用类型（数组、对象、函数）都具有对象特性，即可自由扩展属性（除了“null”） var array=[];array.a=1; var object={};object.a=1; function func(){}; func.a=1; 2、所有的引用类型...
JavaScript原型和原型链（详细解读）
程麒阁的博客
04-09 7539
原型和原型链 一、原型概述 1.概念 原型在JavaScript是一个很重要的概念，它是面向对象可以继承的基础。知道吗，JavaScript的设计模式就是原型模式（二十三个经典设计模式之一），正是因为它有这个模式，所以它才十分的灵活。可以基于原型模式实现更多的面向对象设计模式。 二、原型链 1.什么是原型链？ 原型链是原型的查找机制，是一条寻址链。其实原型上的方法或属性查找，都是按照一定的顺序沿着原型链进行查找的。如果查找到最后仍然没有找到这个原型和方法，那么JS就会抛出没有这个属性或方法的异常。 2.什么
JS：原型和原型链
elevenhope的博客
02-11 4522
一、原型 原型：每当定义一个对象（函数也是对象）时，就会生成一个__proto__属性，被称为隐式原型；这个__proto__属性指向的是这个对象的构造函数的prototype，被称为显式原型。每一个对象都会从原型中“继承”属性。 首先看一个例子，创建一个Student类，并创建类的实例对象student： class Student{ constructor(name, score) { this.name = name; this.score = score;
JS原型和原型链最详解（附图）
苟日新 日日新 又日新
07-28 735
JS原型最详解，原型链、原型和原型对象。
JS原型和原型链详解
Zhang_wang_yun的博客
04-07 1004
原型是Javascript中的继承的基础，JavaScript的继承就是基于原型的继承。说到原型会涉及两个概念：构造函数、原型对象。
js 原型与原型链
似水流年QC的博客
03-27 615
对象的作用在于，当访问一个对象的属性或方法时，如果该对象内部不存在这个属性，那么就会从它的 __proto__ 属性所指向的（原型）对象中寻找（原型也是对象，也有它自己的原型），如果原型对象中也找不到，就会继续在该原型对象的原型对象中找，以此类推，直到找到属性或方法为止，或者查找到顶层原型对象 null，就结束查找，返回 undefined。在 JavaScript 中的对象中都有一个 __proto__ 属性，从上图可以看出一个对象指向另一个对象，即指向相对应的对象的原型对象。
js 原型和原型链
qq_42744920的博客
04-27 1433
一、前言 今天我们来学习老生常谈的两个问题：原型以及原型链； 首先，来看一段代码： class Student{ constructor(name,age){ this.name = name; this.age = age; } introduce(){ console.log(`我是${this.name}，年龄${this.age}岁`)； } } const student = new Student('zhangsan',18); console.log(stud
深入理解javascript原型和原型链
猫老板的豆
03-11 1501
prototype（原型）下面的就是原型（也叫显式原型），它是一个对象，我们也称它为原型对象。Person.prototype.say = function () { // 通过原型添加方法// 原型对象say: ƒ(), // 原型上共享的方法，不会反复开辟存储空间，减少内存浪费。上面这个对象，就是大家常说的原型对象。
js原型和原型链以及原型继承
weixin_71601024的博客
08-10 165
一、原型对象 所有函数都有原型对象 1.可以通过构造函数访问原型对象 prototype ---存放公共方法 2.可以通过实例对象访问原型对象 __proto__ ---存放公共方法
JS原型与原型链详细解释
oi
10-21 4942
原型和原型链是JS实现继承的一种模型。
JS原型和原型链原理与用法实例详解
11-21
本文实例讲述了JS原型和原型链原理与用法。分享给大家供大家参考，具体如下： Javascript语言的继承机制一直很难被人理解。 它没有”子类”和”父类”的概念，也没有”类”（class）和”实例”（instance）的区分，...
图解JS原型和原型链实现原理
10-14
主要介绍了图解JS原型和原型链实现原理,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
一篇文章让你搞懂JavaScript 原型和原型链
01-22
原型和原型链作为深入学习JavaScript最重要的概念之一，如果掌握它了后，弄清楚例如：JavaScript的继承，new关键字的原来、封装及优化等概念将变得不在话下，那么下面我们开始关于原型和原型链的介绍。 什么是原型？...
浅谈JS原型对象和原型链
10-22
主要为大家详细介绍了JS原型对象和原型链，感兴趣的小伙伴们可以参考一下
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 320
在vue.config.js中配置关闭Uncaught runtime errors显示。
JS中一个dom元素能绑定多少事件
最新发布
ggq53219的博客
06-10 499
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
前端性能优化：提升网站加载速度的终极指南
喔的嘛呀的博客
06-07 1060
综上所述，通过以上优化方案和具体措施，我们可以有效地提升网站的加载速度，改善用户体验，提高转化率，从而在激烈的市场竞争中脱颖而出，取得更好的业绩和口碑。作为前端工程师，我们应该不断学习和探索，不断优化和提升网站性能，为用户创造更好的上网体验。
自制植物大战僵尸：HTML5与JavaScript实现的简单游戏
m0_73367097的博客
06-08 1913
自制植物大战僵尸

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值