原型和原型链

最新推荐文章于 2024-11-07 08:55:29 发布
最新推荐文章于 2024-11-07 08:55:29 发布
阅读量237 收藏 3
点赞数 3
分类专栏： 前端面试 文章标签： 原型模式 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_73270720/article/details/140683859
版权

是什么

  • 原型
    js中的对象都有_proto_,指向一个对象,该对象就是原型对象,然后对象可以从原型对象上继承到属性方法

  • 原型链
    原型对象也是一个对象,也
    有_proto_属性指向它的原型对象,这样由相互关联的原型对象构成的链式结构称作原型链

  • 构造函数
    构造函数有一个prototype属性指向原型对象
    原型对象有constructor属性 指向构造函数

补充 :
js的对象分为函数对象与普通对象
除了Object的原型对象（Object.prototype）的__proto__指向null，其他内置函数对象的原型对象（例如：Array.prototype）和自定义构造函数的 __proto__都指向Object.prototype, 因为原型对象本身是普通对象。

为什么

  • 节省内存
    原型对象存放实例共有的属性方法
  • 动态添加公有的属性方法
    实例可以动态的获取构造函数之后添加的原型对象上的方法属性

怎么办

搞清楚这张图

在这里插入图片描述

JS中的原型和原型链（图解）
qq_36996271的博客
09-09 5万+
JS中的原型和原型链 讲原型的时候，我们应该先要记住以下几个要点，这几个要点是理解原型的关键： 1、所有的引用类型（数组、函数、对象）可以自由扩展属性（除null以外）。 2、所有的引用类型都有一个’_ _ proto_ _’属性(也叫隐式原型，它是一个普通的对象)。 3、所有的函数都有一个’prototype’属性(这也叫显式原型，它也是一个普通的对象)。 ...
深入理解JavaScript系列(6) 强大的原型和原型链
12-09
理解JavaScript的原型和原型链对于编写高效的代码至关重要，因为它们是实现继承和共享行为的基础。在JavaScript中，可以利用原型链来模拟类继承，尽管这可能比传统的类继承模型更复杂，但它提供了更大的灵活性和创新...
原型和原型链及其练习题
qq_48973607的博客
11-15 1289
原型及原型链的练习题带你玩转原型链
JS：原型和原型链
elevenhope的博客
02-11 4637
一、原型 原型：每当定义一个对象（函数也是对象）时，就会生成一个__proto__属性，被称为隐式原型；这个__proto__属性指向的是这个对象的构造函数的prototype，被称为显式原型。每一个对象都会从原型中“继承”属性。 首先看一个例子，创建一个Student类，并创建类的实例对象student： class Student{ constructor(name, score) { this.name = name; this.score = score;
原型和原型链的理解
Senora的博客
06-23 4207
原型与原型链的理解
原型和原型链的理解（有图清晰明了）
热门推荐
qq_64180670的博客
11-16 2万+
万物皆对象，原型及原型链之间的关系由图清晰可见
前端面试题JS原型和原型链
weixin_74883980的博客
09-05 777
JavaScript 通过构造函数生成新对象，因此构造函数可以视为对象的模板。实例对象的属性和方法，可以定义在构造函数内部。prototype对象（原型对象）有一个constructor属性，默认指向prototype对象所在的构造函数。由于constructor属性定义在prototype对象上面，意味着可以被所有实例对象继承。__ proto __ 属性是每一个对象以及函数都隐含的一个属性。__ proto __ 属性指向的是创建他的构造函数的prototype。原型链就是通过这个属性构件的。
深入理解javascript原型和原型链
猫老板的豆
03-11 1664
prototype（原型）下面的就是原型（也叫显式原型），它是一个对象，我们也称它为原型对象。Person.prototype.say = function () { // 通过原型添加方法// 原型对象say: ƒ(), // 原型上共享的方法，不会反复开辟存储空间，减少内存浪费。上面这个对象，就是大家常说的原型对象。
构造函数、原型和原型链
LUZENG_SA的博客
07-21 692
对构造函数、原型以及原型链的详解和三者的关系阐述，帮你清晰的理清有关原型的知识点
原型和原型链 深度理解
qq_38110572的博客
12-24 2328
原型：是function对象的一个属性，定义了构造函数创造出的对象的公共祖先，通过该构造函数产生的对象，可以继承该原型的属性和方法。 _proto_是function的一个属性 constructor 是每一个function 都有的默认函数。 主要作用： 实列化对象，constructor是自动调用 传参，为属性赋值 <script type="text/javascript"> function person(n){ // 属性..
JS原型和原型链原理与用法实例详解
11-21
本文实例讲述了JS原型和原型链原理与用法。分享给大家供大家参考，具体如下： Javascript语言的继承机制一直很难被人理解。 它没有”子类”和”父类”的概念，也没有”类”（class）和”实例”（instance）的区分，...
图解JS原型和原型链实现原理
10-14
JavaScript中的原型和原型链是其继承机制的核心，理解这两者对于深入学习JS至关重要。本文将通过详细的图解和实例代码，帮助你理解这两个概念及其实现原理。 首先，我们需要明白JavaScript的发展背景。JavaScript...
强大的原型和原型链
07-24
### 强大的原型和原型链 #### 前言 JavaScript 的继承机制与传统面向对象语言（如 Java、C#）中的类继承不同，它采用了基于原型（Prototype-based）的继承模型。这种模型使得 JavaScript 在处理对象之间的继承关系...
前端开发设计模式——原型模式
jxnd123456的博客
11-05 1097
可以定义一个构造函数，并在构造函数的原型上添加属性和方法，然后通过new关键字创建对象，这些对象将继承构造函数原型上的属性和方法。这里通过自定义构造函数创建了对象，同样实现了原型模式的功能。
在 JavaScript 中，`Array.prototype.filter` 方法用于创建一个新数组，该数组包含通过测试的所有元素
小丁的博客
11-02 748
filter方法的作用是根据多个条件（在这个例子中是和）从原始数组中筛选出符合条件的元素，并返回一个新的数组。这样，你就可以确保只有status为1且editAuth为1的商品才会被展示在前端。
C++入门基础知识140—【关于C++ 类构造函数 & 析构函数】
zhaoylzy的博客
11-07 496
关于【C++ 类构造函数 & 析构函数】
CompletableFuture：supplyAsync与runAsync
最新发布
不惑
11-07 285
CompletableFuture.supplyAsync用于执行有返回值的异步任务，接收一个Supplier，返回一个CompletableFuture对象，可获取异步任务的结果。CompletableFuture.runAsync用于执行没有返回值的异步任务，接收一个Runnable，返回一个CompletableFuture对象，表示异步任务执行完毕。这两个方法都允许通过传递Executor来指定异步任务的执行线程。例如，可以使用或来指定特定的线程池。​​。
js原型和原型链图解
03-16
JavaScript中的原型和原型链是理解JavaScript面向对象编程的重要概念之一。 在JavaScript中，每个对象都有一个原型（prototype），原型是一个对象，它包含了共享的属性和方法。当我们访问一个对象的属性或方法时，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值