原型和原型链

最新推荐文章于 2024-07-22 08:55:10 发布
最新推荐文章于 2024-07-22 08:55:10 发布
阅读量134 收藏
点赞数
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43992788/article/details/104814435
版权

原型和原型链

原型最顶层是nul、顶层是object
有两个对象AB B基于对象A创建出来的，相当于B继承于A，A是B的父亲。
在这里插入图片描述
B的原型对象是指向A
在这里插入图片描述
原型链
console.log(person1.name)
开始在person1里查找name属性 没有
去person里查找 有
这个查找过程叫原型链
person1的父亲person
person的父亲Object
在这里插入图片描述
例子
在这里插入图片描述在这里插入图片描述
链接
帮你彻底搞懂JS中的prototype、__proto__与constructor
为什么实例没有prototype属性？什么时候对象会有prototype属性呢？

无称可用
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript原型链顶层原理
TM_Godspeed的博客
05-27 2204
JS原型链是许多初学者的一道坎，出于对JS的热爱我花了一些时间专门研究了一下原型链的顶层实现原理，希望对你有帮助
JavaScript——原型/原型链中的顶层对象（图解）
Erya Programming learning
12-20 4271
本篇需要提前了解的知识储备：原型和原型链，以下仅概要介绍，不作详细讲解。 详细学习可参考： JavaScript——面向对象（封装）：https://blog.csdn.net/qq_29493173/article/details/118404400 JavaScript——面向对象之继承（原型对象）与多态（重载、重写）：https://blog.csdn.net/qq_29493173/article/details/118410075 构造函数/原型/原型链 构造函数：定义一类对象的统一结构 原型（
原型链的顶端是什么
qq_29055201的博客
06-06 7792
js中到处是对象，对象之间往往会通过__proto__连接在一起，这种链接的现象被称为原型链。极少数的对象会滑原型，比如: Object.create(null)生生的对象里面没有任何属性，非常“空”，我们称它为字典，这种字典对象适合存放数据，不必担心原型带来的副作用。 对象生的有三种方式，一种是上面的Object.create(),一中是字面量（var a = {}）,另外一种是通过构造函数（v...
继承及原型链解析
12-28 103
ECMAScript 只支持实现继承，而且其实现继承主要是依靠原型链来实现的。 实现原型链的基本模式： function Sup(){ this.property=true; } Sup.prototype.getSupValue=function(){ return this.property; }; function Sub(){ t...
强大的原型和原型链
07-24
JavaScript 不包含传统的类继承模型，而是使用 prototypal 原型模型。...由于 JavaScript 是唯一一个被广泛使用的基于原型继承的语言，所以理解两种继承模式的差异是需要一定时间的，今天我们就来了解一下原型和原型链
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、所有的引用类型...
图解原型原型链
Dear_Mr的博客
07-14 794
图解原型原型链原型 ？在“类”中（也就是函数中）的prototype就指向一个原型对象，在实例中，__proto__就指向的是一个构造它的那个“类”（函数）的原型，通过protoype与__proto__就会形成一个原型链，对于一个实例来说，就是谁构造的我，我的__proto__就指向谁的原型，直到最顶层的Object，对于“类”（函数）来说，我的prototype指向的是我自己的原型，我里面也有_
彻底理解javascript中的原型链
热门推荐
上善若水
02-22 1万+
要弄清楚原型链就要先弄清楚 function 类型，在javascript中没有类的概念，都是函数，所以它是一门函数式的编程语言。类有一个很重要的特性，就是它可以根据它的构造函数来创建以它为模板的对象。在javascript中，函数就有2个功能 第一、 作为一般函数调用 第二、 作为它原型对象的构造函数  也就new（） 我们来看一个例子 function a(){ this.name
轻松理解JavaScript原型及原型链
大灰狼的小绵羊哥哥的博客
12-03 455
说到JavaScript的原型和原型链，相关文章已有不少，但是大都晦涩难懂。本文将换一个角度出发，先理解原型和原型链是什么，有什么作用，再去分析那些令人头疼的关系。 一、引用类型皆为对象 原型和原型链都是来源于对象而服务于对象的概念，所以我们要先明确一点： JavaScript中一切引用类型都是对象，对象就是属性的集合。 Array类型、Function类型、Object类型、Date类型...
javaScript中的最顶层的对象Object
qq_41899174的博客
10-15 2367
        javaScript沿袭了java的规则，也设计了一个最顶层的“父类”对象Object，所有的对象都默认继承Object，所有对象都可以视为Object的实例。根据继承规则，子类拥有了父类的方法和属性，所以在javaScript中所有对象都默认拥有了许多方法和属性，比如toString，当然我们也可以在Object上自定义方法，那么所有对象将拥有这个方法 Object.prot...
javascript原型链继承
ayangjing的专栏
07-06 400
function tigger (){ this.bark = function(){ alert('白首之王'); } } function cat(){ this.climb = function(){ alert('我会爬树'); } } tigger.prototype= new cat(); var huzi = new t
作用域链与原型链的区别与联系
wis2007的专栏
08-01 2423
作用域 先来看一段代码： [javascript] view plain copy name=”lwy”; function t(){ var name=”tlwy”; function s(){ var name=”slwy”; console.log(name); } fun
Vue 3 和 SpringBoot 实现文件分片上传示例
最新发布
exlink2012的专栏
07-22 288
实现分片上传，并使用Spring Boot在后端保存文件。前端将文件分片并逐个上传到后端，后端接收到所有分片后再进行合并，最终保存为一个完整文件。
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、付费专栏及课程。

余额充值