原型和原型链

最新推荐文章于 2024-07-30 22:36:34 发布
最新推荐文章于 2024-07-30 22:36:34 发布
阅读量116 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oschina_41661541/article/details/116738418
版权

原型和原型链

什么是原型

每个对象都有一个内部属性_proto_，这个属性指向的对象就是原型
在这里插入图片描述

什么是原型链

  • 在对象上查找这个属性的路径叫做原型链
    比如 下面的代码
  • 首先通过es6语法，objec.create 创建一个空对象a
  • 在对象a上查找属性id
  • 查找的过程是：
    a.id ? a.id : a.proto.id ? a._proto_id: a.proto.proto.id ? …
    这个a.proto ——> a.proto.proto ——> xxxxx 就是原型链
    在这里插入图片描述
有个派大星
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS中的原型和原型链（图解）
qq_36996271的博客
09-09 5万+
JS中的原型和原型链 讲原型的时候，我们应该先要记住以下几个要点，这几个要点是理解原型的关键： 1、所有的引用类型（数组、函数、对象）可以自由扩展属性（除null以外）。 2、所有的引用类型都有一个’_ _ proto_ _’属性(也叫隐式原型，它是一个普通的对象)。 3、所有的函数都有一个’prototype’属性(这也叫显式原型，它也是一个普通的对象)。 ...
强大的原型和原型链
07-24
JavaScript 不包含传统的类继承模型，而是使用 prototypal 原型模型。...由于 JavaScript 是唯一一个被广泛使用的基于原型继承的语言，所以理解两种继承模式的差异是需要一定时间的，今天我们就来了解一下原型和原型链
原型和原型链及其练习题
qq_48973607的博客
11-15 1202
原型及原型链的练习题带你玩转原型链
JS：原型和原型链
elevenhope的博客
02-11 4557
一、原型 原型：每当定义一个对象（函数也是对象）时，就会生成一个__proto__属性，被称为隐式原型；这个__proto__属性指向的是这个对象的构造函数的prototype，被称为显式原型。每一个对象都会从原型中“继承”属性。 首先看一个例子，创建一个Student类，并创建类的实例对象student： class Student{ constructor(name, score) { this.name = name; this.score = score;
原型和原型链的理解（有图清晰明了）
热门推荐
qq_64180670的博客
11-16 2万+
万物皆对象，原型及原型链之间的关系由图清晰可见
原型和原型链的理解
Senora的博客
06-23 4136
原型与原型链的理解
深入理解javascript原型和原型链
猫老板的豆
03-11 1558
prototype（原型）下面的就是原型（也叫显式原型），它是一个对象，我们也称它为原型对象。Person.prototype.say = function () { // 通过原型添加方法// 原型对象say: ƒ(), // 原型上共享的方法，不会反复开辟存储空间，减少内存浪费。上面这个对象，就是大家常说的原型对象。
构造函数、原型和原型链
LUZENG_SA的博客
07-21 610
对构造函数、原型以及原型链的详解和三者的关系阐述，帮你清晰的理清有关原型的知识点
原型和原型链 深度理解
qq_38110572的博客
12-24 2240
原型：是function对象的一个属性，定义了构造函数创造出的对象的公共祖先，通过该构造函数产生的对象，可以继承该原型的属性和方法。 _proto_是function的一个属性 constructor 是每一个function 都有的默认函数。 主要作用： 实列化对象，constructor是自动调用 传参，为属性赋值 <script type="text/javascript"> function person(n){ // 属性..
JavaScript原型和原型链（详细解读）
程麒阁的博客
04-09 7971
原型和原型链 一、原型概述 1.概念 原型在JavaScript是一个很重要的概念，它是面向对象可以继承的基础。知道吗，JavaScript的设计模式就是原型模式（二十三个经典设计模式之一），正是因为它有这个模式，所以它才十分的灵活。可以基于原型模式实现更多的面向对象设计模式。 二、原型链 1.什么是原型链？ 原型链是原型的查找机制，是一条寻址链。其实原型上的方法或属性查找，都是按照一定的顺序沿着原型链进行查找的。如果查找到最后仍然没有找到这个原型和方法，那么JS就会抛出没有这个属性或方法的异常。 2.什么
JS原型和原型链原理与用法实例详解
11-21
本文实例讲述了JS原型和原型链原理与用法。分享给大家供大家参考，具体如下： Javascript语言的继承机制一直很难被人理解。 它没有”子类”和”父类”的概念，也没有”类”（class）和”实例”（instance）的区分，...
一篇文章让你搞懂JavaScript 原型和原型链
01-22
原型和原型链作为深入学习JavaScript最重要的概念之一，如果掌握它了后，弄清楚例如：JavaScript的继承，new关键字的原来、封装及优化等概念将变得不在话下，那么下面我们开始关于原型和原型链的介绍。 什么是原型？...
图解JS原型和原型链实现原理
10-14
JavaScript中的原型和原型链是其继承机制的核心，理解这两者对于深入学习JS至关重要。本文将通过详细的图解和实例代码，帮助你理解这两个概念及其实现原理。 首先，我们需要明白JavaScript的发展背景。JavaScript...
javascript原型和原型链
01-08
一、原型规则 1、所有的引用类型（数组、对象、函数）都具有对象特性，即可自由扩展属性（除了“null”） var array=[];array.a=1; var object={};object.a=1; function func(){}; func.a=1; 2、所有的引用类型...
Vue3中的pinia的使用及组合写法与普通写法的区别
m0_62626838的博客
07-30 207
1、首先pinia可以自己后面按需安装，也可在项目创建时去勾选安装（这里我使用的是项目创建时自动安装的，吃了点亏，忘记这里是组合写法了）按照这个写法是不需要添加pinia核心（state、actions、getters），但需要return！store文件夹中的counter.ts （名字任起）在组件中直接使用即可，如下图。2、自定义安装pinia。3、在组件中使用，如下图。
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 872
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
VUE3自定义指令防止重复点击多次提交
MadSnail00的博客
07-30 273
vue3连续点击按钮重复提交，vue3自定义指令防止重复提交
【Vue3】自定义组件
最新发布
又言又语
07-30 429
本文介绍 Vue3 中如何自定义组件。页面组件：用于构建独立页面，通常存放在src/pages或src/views目录下。功能组件：将页面中一些独立的功能封装成独立组件，譬如：分页组件、日期时间组件等。功能组件通常存放在目录下。本文主要说明如何自定义功能组件。
js原型和原型链图解
03-16
JavaScript中的原型和原型链是理解JavaScript面向对象编程的重要概念之一。 在JavaScript中，每个对象都有一个原型（prototype），原型是一个对象，它包含了共享的属性和方法。当我们访问一个对象的属性或方法时，如果该对象本身没有这个属性或方法，JavaScript会去它的原型中查找。 原型链是由一系列对象组成的链表结构，每个对象都有一个指向其原型的引用。当我们访问一个对象的属性或方法时，如果该对象本身没有，JavaScript会沿着原型链向上查找，直到找到对应的属性或方法或者到达原型链的末尾（null）。 下面是一个简单的图解： ``` +--+ | Object | +--+ | __proto__ | | | | constructor | | toString() | | ... | +--+ ^ | +--+ | Prototype | +--+ | __proto__ | | | | constructor | | hasOwnProperty()| | ... | +--+ ^ | +--+ | Prototype | +--+ | __proto__ | | | | constructor | | ... | +--+ ^ | . . . ``` 在这个图中，每个对象都有一个`__proto__`属性，指向它的原型对象。原型对象也是一个对象，同样有一个`__proto__`属性，指向它的原型对象，以此类推，形成了原型链。 当我们访问一个对象的属性或方法时，JavaScript会先在该对象本身查找，如果找不到，就会沿着原型链向上查找，直到找到对应的属性或方法或者到达原型链的末尾（null）。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值