关于原型链

最新推荐文章于 2025-01-15 20:50:53 发布

UNDERCOVERj

最新推荐文章于 2025-01-15 20:50:53 发布

阅读量298

点赞数

CC 4.0 BY-SA版权

文章标签：原型链

本文链接：https://blog.youkuaiyun.com/github_37037281/article/details/68931088

Object.prototype.a = function(){};
Function.prototype.b=function(){}
function Person(){}
var person1 = new  Person();
person1.a()
person1.b()//报错

因为Function.prototype的__proto__属性指向Object.prototype。
function Person(){}的__proto__属性指向Object.prototype
这里写图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

UNDERCOVERj

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Javascript原型与原型链由浅入深，让你再不害怕大小厂面试官，满满干货，遇到原型链的题就开心

luolvzhou的博客

12-25

1417

什么是原型？有铁子肯定会霸气回怼，ES6没出class 类的时候，Javascript想要实现面向对象这一层面的数据共享，想要占用的内存更小一点，想要保持自己面向对象特征下的封装，继承，多态，然后提供了原型和原型链来方面实现这一特性。当然，这话是没错的，可是你拿这个东西真正去理解原型和原型链的时候，你又懵了，因为面试官又会问，ES6的class跟原型之间什么关系，有什么共性？然后又答不上来。

原型链探秘：JavaScript 中的继承机制

一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！

07-22

922

原型链是 JavaScript 的核心特性之一，理解并熟练运用它，对于提高我们的编程技能有着不可估量的价值。在后续的开发实践中，不断探索和优化原型链的使用方式，将使我们能够构建出更加健壮、优雅的前端应用。欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。DTcode7的博客首页。一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身农奴把歌唱，一边打入敌人内部一边持续提升自己。

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

原型链，什么是原型链？原型链的作用？prototype和__proto__区别

qq_38613992的博客

12-23

1万+

原型链什么是原型链？新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入什么是原型链？ 原型链通俗易懂的理解就是可...

简单说下原型链？

LuckXinXin的博客

07-30

523

每个函数都有 prototype 属性，除了 Function.prototype.bind()，该属性指向原型。每个对象都有 __proto__ 属性，指向了创建该对象的构造函数的原型。其实这个属性指向了 [[prototype]]，但是 [[prototype]]是内部属性，我们并不能访问到，所以使用 _proto_来访问。对象可以通过 __proto__ 来寻找不属于该对象的属性，__proto__ 将对象连接起来组成了原型链。 ...

简单介绍原型链

m0_59634149的博客

03-17

804

1.每个对象都可以有一个原型_proto_，这个原型还可以有它自己的原型，以此类推，形成一个原型链 2.查找属性(方法)，先查找对象本身是否存在该属性，如果本身没有，则会去__proto__中查找，（也就是构造函数的显式原型中查找），如果构造函数中也没有该属性，因为构造函数也是对象，也有__proto__，那么会去它的显式原型中查找，一直到null，如果没有则返回undefined。null没有任何属性和方法，也没有自己的原型。因此，原型链的尽头就是null。 __proto__和prot...

浅谈原型链

m0_65651534的博客

08-25

3174

浅谈原型链，简单理解

原型 原型链

qq505751223的博客

06-03

1782

当我们尝试访问一个对象的某个属性或方法时，JavaScript会首先在当前对象本身查找该属性或方法。如果找不到，则会沿着原型链向上查找，直到找到为止。由于john对象本身没有这个方法，所以会沿着原型链向上查找，最终在Person.prototype上找到了这个方法并执行。这样，通过每个对象的__proto__属性和构造函数的prototype属性，我们可以将多个对象链接起来，形成一个链式结构，这就是原型链。补充一句，只要是对象就会拥有__proto__属性指向上一级的原型对象。

原型与原型链

weixin_50756332的博客

01-15

1477

原型链在结构上很像链表，每个对象中都保存着一个地址，指向当前对象的原型，可以层层向上查找，起到继承的效果。原型链是JS实现继承的一种机制。

JS原型与原型链的深入理解

10-20

JavaScript中关于原型与原型链的理解是深入学习该语言的一个重要环节。这篇文章为我们提供了深入探讨这个话题的机会，并详细解释了普通对象与函数对象之间的区别，原型的概念，原型链的工作原理，以及constructor...

原型链详细讲解

weixin_39755186的博客

06-22

530

面试中若是问到原型链，应该从以下四个方面进行考虑： 1 创建对象有几种方法 2 原型，构造函数，实例，原型链 3 instanceof的原理 4 new 运算符 A：首先从创建对象有几种方法进行讲解：通常有这四种方法创建对象（1）字面量直接创建对象（2）new OBject一个对象（3）函数构造new出一个对象（4）通过Object.creat创建一个对象 B：原型，构造函数...

原型链详解

qq_61233877的博客

04-12

6106

有些小伙伴可能会觉得原型链难以理解，这篇文章带你熟悉原型链，你会发现原型链并不难

复习一下原型链

weixin_36094484的博客

07-06

240

JS是一门基于原型的语言，JS中的对象，无论是内置的Array、Date、Math、String还是用户自定义的亦或Function，都是对象且究其源基于Ocject。当用构造函数创建一个对象时，对象的实例都有一个指向其原型的prototype，prototype又有一个constructor属性，这个construct属性故名思义（构造器）指向构造函数。 prototype--原型可以被添

什么是原型链？超详细讲解

weixin_43839317的博客

04-30

2526

大家都知道，JavaScript是面向对象的，首先，先看一个截图，我们可以看到，声明了一个空对象test，在没有对这个对象进行任何操作的时候，我们发现，这个对象已经有了很多的属性和方法。为什么会有这么多默认属性呢？下面我们通过console.dir来打印一下看看这个test对象，发现 test 有一个默认的属性_proto_，恰好这个_proto_对象里的属性，和test的默认属性是一样的。这个时候，大家就知道了，空对象 test 会有很多默认属性其实是跟_proto_有关系的。 .

什么叫原型链

qq_59020839的博客

10-16

1028

什么叫原型链

关于原型链的理解

LN101的博客

03-25

250

原型链 欢迎观看的小伙伴们今天说一下原型链 说到原型链我们不得不提一下原型，原型呢分为两种，一个是 __ proto __ ,一个是 prototype，这两个有什么区别呢？__ proto __ 是对想独有的属性，而prototype是函数独有的属性，但是函数又不仅仅有一个prototype，它也有 __ proto __ ,因为在js宗旨就是万物皆对象，包括函数，所以函数上就会有这么一个 ...

什么是原型链?

Maybe__row的博客

04-23

8053

一图快速了解原型链!!

JavaScript原型和原型链（详细解读）

程麒阁的博客

04-09

8602

原型和原型链 一、原型概述 1.概念原型在JavaScript是一个很重要的概念，它是面向对象可以继承的基础。知道吗，JavaScript的设计模式就是原型模式（二十三个经典设计模式之一），正是因为它有这个模式，所以它才十分的灵活。可以基于原型模式实现更多的面向对象设计模式。二、原型链 1.什么是原型链？ 原型链是原型的查找机制，是一条寻址链。其实原型上的方法或属性查找，都是按照一定的顺序沿着原型链进行查找的。如果查找到最后仍然没有找到这个原型和方法，那么JS就会抛出没有这个属性或方法的异常。 2.什么

js原型与原型链详解（万文总结，一文搞懂原型链!）

最新发布

03-08

JavaScript 中的原型链是一个非常重要的概念，理解它可以让你更好地掌握 JavaScript 的工作原理和对象之间的关系。接下来我将为你详细解释什么是原型链以及它是如何工作的。 ### 什么是原型链？每个 JavaScript 对象都有一个内部属性称为 `[[Prototype]]`（也叫做“__proto__”，注意这不是标准属性），这个属性指向另一个对象——即它的“原型”。而该原型对象本身也有自己的原型...以此类推形成了一条链条结构，这条链条就是所谓的**原型链**。当访问对象的某个属性时，如果找不到的话就会沿着原型链向上查找，直到找到对应的属性或到达最顶端的对象 `null`（因为 `Object.prototype.__proto__ === null`）。因此可以说，所有函数实例都共享同一个构造函数所关联的原型对象。 #### 构造函数与 prototype 在 JavaScript 中，当你定义一个新的函数时，默认会给它添加一个名为 `prototype` 的公共属性，并且这个属性会自动成为一个新对象（我们称作原型对象）。如果你使用这个函数去创建实例化对象 (`new`) ，那么每一个生成的新对象都会有一个隐含指针指向原始函数的 `prototype` 属性： ```javascript function Person(name) { this.name = name; } // 这里给Person设置了prototype属性 Person.prototype.sayHello = function() { console.log(`Hi, I'm ${this.name}`); }; let p1 = new Person('Alice'); console.log(p1 instanceof Person); // true p1.sayHello(); // Hi, I'm Alice ``` 在这个例子中，`p1` 实际上是通过其内部链接到 `Person.prototype` 来获取方法 `sayHello()` 的引用。这也说明为什么我们可以直接修改原型上的成员而不必担心会影响已经存在的对象；同样地，只要更改了某一处原型内的内容，所有的子节点都能立即看到更新后的结果。 ### 原型链的实际应用利用好原型机制能够带来很多好处，比如减少内存占用（只需要存储一次共有功能）、方便拓展已有库等。此外还有一些常见的模式如寄生组合式继承、工厂模式等等都可以借助原型完成高效的代码复用。然而值得注意的是滥用这种特性也可能导致性能问题甚至难以调试的问题发生，所以在日常编码实践中需要谨慎对待。 --- ### 示例代码展示原型链的关系: 假设我们现在有两个自定义类型 A 和 B，其中 B 继承自 A： ```javascript function Animal(type){ this.type = type; } Animal.prototype.eat = function(){ return `${this.type} is eating.`; }; function Dog(name){ Animal.apply(this, arguments); this.name = name; } Dog.prototype = Object.create(Animal.prototype); // 创建新的原型对象 Dog.prototype.constructor = Dog; // 恢复 constructor 引用 Dog.prototype.bark = function(){ // 添加特有行为 return `${this.name}: Woof!`; }; const myDog = new Dog("Max"); console.log(myDog.eat()); // 输出 "is eating." console.log(myDog.bark()); // 输出 "Max: Woof!" ``` 这里可以看到我们不仅可以在 `myDog` 上调用来自 `Dog.prototype` 的 `.bark()` 方法，也可以顺利调用了来源于更高级别原型的方法 `.eat()` 。这就是典型的原型链工作机制！ --- 为了帮助你进一步理解和探索关于 JavaScript 原型链的知识，请考虑以下几个相关话题进行学习：