JS原型链详解

最新推荐文章于 2024-03-01 10:30:00 发布
最新推荐文章于 2024-03-01 10:30:00 发布
阅读量516 收藏 3
点赞数
分类专栏： js 文章标签： javascript 原型链 prototype proto
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_20334295/article/details/79089426
版权
本文详细介绍了JavaScript的原型链概念，包括proto（隐式原型）和prototype（显式原型）的区别，以及它们如何构成原型链。重点讨论了函数、对象之间的关系，如所有函数都是Function的实例，而Function.prototype的proto指向Object.prototype。同时，阐述了原型链的工作原理，即当查找对象属性时，会沿着proto链向上搜索，直至Object.prototype。文中还提到了constructor属性以及相关的参考资料。
摘要由CSDN通过智能技术生成

好久没写博客了，比较忙，最近的话同事正好在研究原型链，我也顺便自己复习了下，顺便总结归纳，尽可能的写的详尽一些。下面这幅图就是一个比较全面的原型链的图，在图中有两个比较容易搞混的单词，一个是 proto （隐式原型） 一个是prototype（显式原型），这两个名词形成了原型链的爱恨情仇。

下面我们看下这两个原型出自哪里，比较重要

这里写图片描述
这里写图片描述
这里写图片描述

下面的图片是从知乎上面弄下来的祖传老图，被我挖过来了

这里写图片描述
下面总（chao）结（xi）了几条原型的概念，然后就不难理解上面的这幅图了
1 . 任何对象都拥有 proto(隐式原型) 属性, 一般指向他们的构造函数的原型 (prototype) .

var a =
最低0.47元/天 解锁文章
机智的皮卡丘
关注
专栏目录
js原型链详解
06-04
javascript的原型与原型链的详细的解析，一篇从认识到熟悉深入的好文章！
一文搞懂 js 原型和原型链
最新发布
我哎GIS博客
08-29 1914
原型和原型链是JavaScript中与对象有关的重要概念，但是部分前端开发者却不太理解，也不清楚原型链有什么用处。其实，学过其他面对对象语言的同学应该了解，对象是由类生成的实例，类与类之间有继承的关系。在ES6之前，JavaScript中并没有class，实现类和继承的方法就是使用原型。在我个人看来，JS中类和原型链的设计和语法由于一些历史或包袱问题而不易用，也不易于理解。因此在ES6中推出了class相关的语法，和其他语言更接近，也更易用。ES6 class类。
js原型链(详细图解)
weixin_43990363的博客
09-02 1493
原型链 原型链就是构造函数，原型对象，和实例的关系 概念 每个构造函数都有一个指向该构造函数的原型对象(prototype) 每个构造函数的原型对象都有一个指向构造函数的指针(constructor) 每个原型内部都有一个指向其构造函数的原型对象的指针(__ proto __) 三者的关系图是这个样子的 这里多说一下为什么在图的右上角会多出来以一个 __ proto __ ，因为原型对象也...
js 原型链详解
在下月亮有何贵干
09-16 235
目录构造函数和实例属性Prototype属性__proto__访问原型上的方法以上短暂总结构造函数也有__proto__构造函数的原型也有__proto__Object.prototype这个原型对象很特殊总结最后 构造函数和实例 假设你声明一个方法叫做Foo(),那么我们可以通过new Foo()来声明实例。 function Foo() { console.log("我是一个构造方法"); } const f1 = new Foo(); 现在你可以很清晰的明白Foo
JavaScript中原型和原型链详解
10-24
在探讨JavaScript中原型和原型链的详细知识前，我们首先要了解JavaScript对象的几个核心概念，包括私有变量和函数、静态变量和函数以及实例变量和函数。这些都是理解原型和原型链的基础。 私有变量和函数属于一个...
ES6 - Day2 - 构造函数和原型
weixin_45663697的博客
04-12 230
目标 能够使用构造函数创建对象 能够说出原型的作用 能够说出访问对象成员的规则 能够使用ES5新增的一些方法 1. 构造函数和原型 1.1 构造函数 ​ 构造函数是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与 new一起使用。我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。 在 JS 中，使用构造函数时要注意以下两点： 构造函数用于创建某一类对象，其首字母要大写 构造函数要和 new 一起使用才有意义 new 在执行时会做四件事情： 在内存中创建一个新
JS原型链
阿渊博客
05-26 643
关于原型链的个人领悟
JS原型和原型链（图解）
weixin_47906706的博客
08-28 452
图解快速理解JS原型和原型链
JavaScript原型链简单图解
11-03
JavaSciptDOM基本操作,JavaScipt函数基础,JavaScipt流程语句,JavaScript变量,JavaScript数据类型,JavaScript数组,JavaScript正则表达式,JavaScript字符串函数,Window对象等图解。JS高手进阶的工具图谱
js原型与原型链详解（万文总结，一文搞懂原型链!）
Yi_qian的博客
12-28 1万+
JavaScript中的原型和原型链：1，每个对象均存在隐式原型(__proto__)，函数对象才有prototype属性2，__proto__存在的意义在于为原型链查找提供方向，原型链查找靠的是__proto__，而不是prototype3，函数对象的__proto__都指向Function.prototype4，每个对象都有一个隐式原型属性(__proto__)，多个原型通过__proto__链接在一起形成的链式结构就是原型链😃。
JS中的原型和原型链（图解）
热门推荐
qq_36996271的博客
09-09 5万+
JS中的原型和原型链 讲原型的时候，我们应该先要记住以下几个要点，这几个要点是理解原型的关键： 1、所有的引用类型（数组、函数、对象）可以自由扩展属性（除null以外）。 2、所有的引用类型都有一个’_ _ proto_ _’属性(也叫隐式原型，它是一个普通的对象)。 3、所有的函数都有一个’prototype’属性(这也叫显式原型，它也是一个普通的对象)。 ...
JS原型，原型链
weixin_33721427的博客
06-18 83
2019独角兽企业重金招聘Python工程师标准>>> ...
Javascript原型链详解，一文带你彻底搞懂js原型、原型对象及原型链
greatming666的博客
03-01 1201
原型链是 JavaScript 中的一个重要特性，它是实现对象之间继承关系的机制。在 JavaScript 中，每个对象都有一个原型属性，指向另一个对象。当试图访问一个对象的属性或方法时，如果该对象本身没有这个属性或方法，JavaScript 引擎会沿着原型链向上查找，直到找到对应的属性或方法为止。
JS原型与原型链终极详解
水的三次方
10-29 1021
一. 普通对象与函数对象   JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object ，Function 是JS自带的函数对象。下面举例说明  function f1(){};  var f2 = function(){};  var f3 = new Function('str','console.log(str)');  var o3
js的原型链图解
m0_73737249的博客
11-28 388
原型链图解
图解 js 原型链
imxiezy的博客
08-16 712
前言 想要理解好js的继承，需要理解原型链，这是JavaScript的基础的重点。看了很多资料都是文字描述，原型关系描述的不够形象，在此基于自己的理解及参考网上的资料写下这篇文章。这里仅写下一点浅见，不足之处欢迎拍砖。 原型对象 js对象都有一个prototype对象属性，我们可以在这个原型对象上，添加方法、属性。 function Person(name) { this.name = name; } Person.prototype.say = function (params) { c
JavaScript原型链详解与示例
"这篇笔记主要介绍了JavaScript中的原型链概念，包括函数与对象的原型、实例的隐式原型以及原型链的构建。" 在JavaScript中，原型链是一个关键的概念，它决定了对象如何继承属性和方法。原型链是通过对象的原型...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值