图解原型链

最新推荐文章于 2025-08-15 22:56:20 发布

转载最新推荐文章于 2025-08-15 22:56:20 发布 · 202 阅读

文章标签：

#javascript

----------前端开发专栏收录该内容

26 篇文章

订阅专栏

以下内容是我的笔记转自知乎，作者看到请私信我。。我一定补上作者

__proto__和prototype

1. __proto__是每个对象都有的一个属性，而prototype是函数才会有的属性。

2. __proto__指向的是当前对象的原型对象，而prototype指向的，是以当前函数作为构造函数构造出来的对象的原型对象。

有问题可以留言~~尽力解答

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

萧凝云

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JS中的原型和原型链（图解）

qq_36996271的博客

09-09

5万+

JS中的原型和原型链 讲原型的时候，我们应该先要记住以下几个要点，这几个要点是理解原型的关键： 1、所有的引用类型（数组、函数、对象）可以自由扩展属性（除null以外）。 2、所有的引用类型都有一个’_ _ proto_ _’属性(也叫隐式原型，它是一个普通的对象)。 3、所有的函数都有一个’prototype’属性(这也叫显式原型，它也是一个普通的对象)。 ...

图解JS原型和原型链实现原理

10-14

JavaScript中的原型和原型链是其继承机制的核心，理解这两者对于深入学习JS至关重要。本文将通过详细的图解和实例代码，帮助你理解这两个概念及其实现原理。首先，我们需要明白JavaScript的发展背景。JavaScript...

参与评论您还未登录，请先登录后发表或查看评论

再学——图解原型链

xicc1112的博客

04-30

285

原型链 初始知识点 prototype与constructor 构造函数与它的原型对象有相互引用的关系什么是相互引用？构造函数中有属性prototype可以找到原型对象，原型对象中有属性constructor可以找到构造函数。 prototype与__proto__ 对象的隐式原型的值为其构造函数的显式原型的值函数的prototype属性：在定义函数时自动添加的，默认值是一个空Obj...

图解原型原型链

Dear_Mr的博客

07-14

879

图解原型原型链原型？在“类”中（也就是函数中）的prototype就指向一个原型对象，在实例中，__proto__就指向的是一个构造它的那个“类”（函数）的原型，通过protoype与__proto__就会形成一个原型链，对于一个实例来说，就是谁构造的我，我的__proto__就指向谁的原型，直到最顶层的Object，对于“类”（函数）来说，我的prototype指向的是我自己的原型，我里面也有_

原型链图解

lyd的博客

12-27

153

图解原型链及其继承优缺点

chern1992的博客

06-16

2580

原型链 上篇文章中我们介绍了原型链的概念，即每个对象拥有一个原型对象，通过__proto__指针指向上一个原型，并从中继承方法和属性，同时原型对象也可能拥有原型，这样一层一层，最终指向null，这种关系被称为原型链(prototype chain)。根据规范不建议直接使用__proto__，推荐使用Object.getPrototypeOf()，不过为了行文方便逻辑清晰，下面都以__proto__代替。注意上面的说法，原型上的方法和属性被继承到新对象中，并不是被复制到新对象，...

图解原型链，构造函数与继承的关系

qq_39261142的博客

06-11

484

原型链 每一个函数拥有原型（prototype）属性，如果该函数充当构造函数去 new 实例，则会构成一条原型链，每个实例成员都可以使用原型上的属性和方法 function Person() {} Person.prototype.say = function() { console.log('hello') } const jack = new Person() const marry = new Person() jack.say() // hello marry.say() //

图解原型和原型链

sjpeter的专栏

04-09

151

???? 图解原型和原型链 图解原型和原型链 原型和原型链是 JS 中不可避免需要碰到的知识点????，本文使用图片思维导图的形式缕一缕原型、原型链、实例、构造函数等等概念之间的关系???? Constructor 构造函数首先我们先写一个构造函数Person，构造函数一般为了区别普通函数要求首字母大写: function Person(){} 复制代码 prototype 原型原型指的就是一个对象，实例“继承”那个对象的属性。在原型上定义的属性，通过“继承”，实例也拥有了这个属性。

原型链详解（附带图解）

weixin_44766633的博客

06-18

1886

2）原型以及原型链（实质是引用非赋值） 2.1）定义定义：是function（构造函数函数）对象的一个属性，它定义了构造函数构造出来的对象的公共祖先。通过该构造函数创建的对象，可以继承他的原型的属性和方法。（eg:person.prototype就是一个原型）举个例子： Grand.prototype.lastName = '何'; function Grand() { }

一篇文章彻底搞懂原型和原型链（图解+代码）

有事儿私信。

10-24

1768

JavaScript 规定，每一个构造函数都有一个 prototype（原型）属性，指向另一个对象，所以我们也称为原型对象，构造函数通过原型分配的函数是所有对象所共享的。

原型链全套图解.rar

04-20

在本压缩包"原型链全套图解.rar"中，包含了全面的图解资料，帮助你深入理解和掌握这一核心概念。首先，原型链的基础是每个JavaScript对象都有一个内部隐藏的`__proto__`属性，这个属性指向它的原型对象。当我们...

JavaScript原型链简单图解

11-03

JavaSciptDOM基本操作,JavaScipt函数基础,JavaScipt流程语句,JavaScript变量,JavaScript数据类型,JavaScript数组,JavaScript正则表达式,JavaScript字符串函数,Window对象等图解。JS高手进阶的工具图谱

[js高手之路]从原型链开始图解继承到组合继承的产生详解

12-12

于javascript原型链的层层递进查找规则，以及原型对象(prototype)的共享特性，实现继承是非常简单的事情一、把父类的实例对象赋给子类的原型对象（prototype），可以实现继承 function Person(){ this.userName =...

electron进程间通信- 从渲染进程到主进程

唐璜Taro的博客

08-13

1159

本文介绍了Electron中的IPC进程间通信机制，重点解析了从渲染进程到主进程的单向通信实现方式。这种设计既保证了功能实现，又遵循了Electron的安全通信原则，是开发桌面应用的常用模式。

Go语言实战案例:静态资源服务（CSS、JS、图片）

tenkofx的博客

08-15

639

• Gin 提供Static()方法一行就能完成静态文件托管。• 静态文件路径映射和 URL 前缀可以灵活配置。• 结合 HTML 模板，可以很方便地构建完整的前端页面服务。

MoonBit Perals Vol.05: 函数式里的依赖注入：Reader Monad

m0_74743788的博客

08-13

1504

普通的函数就像一个流水线，你丢进去一袋面粉，然后直接跑到生产线末端，等着方便面出来。但这条流水线需要自动处理中间的所有复杂情况：没放面粉/“没有下单，期待发货”（null）面团含水量不够把压面机干卡了（抛出异常）配料机需要读取今天的生产配方，比如是红烧牛肉味还是香菇炖鸡味（读取外部配置）流水线末端的打包机需要记录今天打包了多少包（更新计数器）Monad 就是专门管理这条复杂流水线的“总控制系统”。它把你的数据和处理流程的上下文一起打包，确保整个流程能顺畅、安全地进行下去。

20道Vue框架相关前端面试题及答案

qq_39540458的博客

08-14

1128

Vue是一个渐进式JavaScript框架，具有响应式数据绑定、组件化开发等核心特性。面试常见问题包括：双向数据绑定原理（Vue2使用Object.defineProperty，Vue3改用Proxy）、生命周期钩子（如created、mounted）、组件通信方式（props/emit、provide/inject等）、计算属性与监听器的区别、v-if与v-show的适用场景等。Vuex用于状态管理，包含state、mutations等核心概念；Vue Router支持hash和history两种路由模式

JavaScript 核心基础：类型检测、DOM 操作与事件处理