JS完整版原型链剖析之完整版

最新推荐文章于 2022-10-14 20:48:22 发布
最新推荐文章于 2022-10-14 20:48:22 发布
阅读量198 收藏
点赞数
文章标签： javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/panda_xm/article/details/108161948
版权

争对上两篇遗留的问题构造函数和Object构造函数__proto__属性执行的问题，我们可以分析出最终他们的原型链(即对象原型的对象原型)最后肯定会执行null不然就会一直指向下去

最终版原型链

在这里插入图片描述
构造函数和Object构造函数指向的同一个原型对象（Function构造函数的原型对象），而这个原型对象的__proto__属性指向的Object的原型对象上，而Object的原型对象的__proto__指向的是null，而Function函数的__proto__属性和prototype属性指向的是同一个原型对象。

总结

从上述的几篇文章分析，最终不会让__proto__一直指向下去的原理，而是通过以下几点：
1.构造函数和Object构造函数指向同一个原型对象
2.构造函数和Object构造函数指向的同一个原型对象他的__proto__属性又指回Obeject的原型对象上在指向null
3.Function构造函数的prototype属性和__proto__属性都指向构造函数和Object构造函数指向的原型对象
在下面几篇中将会揭露原型链在JS中的作用！

关注笨笨的熊

panda_xm
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
强大的原型和原型链
07-24
JavaScript 不包含传统的类继承模型，而是使用 prototypal 原型模型。 虽然这经常被当作是 JavaScript 的缺点被提及，其实基于原型的继承模型比传统的类继承还要强大。实现传统的类继承模型是很简单，但是实现 JavaScript 中的原型继承则要困难的多。 由于 JavaScript 是唯一一个被广泛使用的基于原型继承的语言，所以理解两种继承模式的差异是需要一定时间的，今天我们就来了解一下原型和原型链
前端开发 JavaScript 权威指南 完整版
04-08
3. **对象和原型**：JavaScript采用基于原型的面向对象模型，通过原型链实现继承。理解对象、原型对象以及如何创建和使用构造函数至关重要。 4. **作用域和闭包**：JavaScript有函数作用域，而不是块级作用域，这对...
js 原型链详细解析完整版
wen_binobject的博客
04-23 371
作者：Yi罐可乐 链接：https://www.jianshu.com/p/dee9f8b14771 一. 普通对象与函数对象 JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object 、Function 是 JS 自带的函数对象。下面举例说明 var o1 = {}; var o2 =new Object(); var o3 = new f...
原型链 完整版（JavaScript）
筱竹的博客
10-22 227
原型链 完整版（JavaScript）
js-完整原型链
qq_40890544的博客
10-14 87
1、所有函数.__proto__都是Function.prototype。2、所有对象.__proto__都是Object.prototype。3、任何对象的原型链都有Object.prototype。
完整版原型链
lijins1024的博客
04-15 173
完整版原型链 函数是函数 函数也是对象1.把函数当函数来用,构造函数来用2.把函数当对象来看，实例对象3.把Object考虑进来 把它当构造函数来看4.把Object当对象(孩子)来看，谁把Object生下来了5.把Funtion当实例对象来看,谁把Function创建出来的 函数是函数 函数也是对象) 1.把函数当函数来用,构造函数来用 function Person(){...
原型继承面试题精讲完整版
06-19
* JavaScript 的原型链机制 * 对象的组合和继承 * 面向对象编程的设计模式 * JavaScript 语言的其他继承方式，例如使用 constructor 来实现继承 * 在实际开发中，原型继承的应用场景和优缺点分析
完整版 JS转d.ts语法工具V1.0免安装.rar
01-09
"完整版 JS转d.ts语法工具V1.0免安装.rar" 提供了一个解决方案，它能够自动将JavaScript库转换为d.ts文件。 这个工具的主要功能是将第三方的JavaScript库转换为TypeScript可以理解的类型定义文件。TypeScript编译器...
Js星际争霸（完整）版
01-15
4. **对象和类**：JavaScript支持面向对象编程，通过构造函数和原型链可以创建自定义类，实现游戏对象的实例化，如角色、道具等。 5. **数组和数据结构**：数组常用来存储游戏状态，如玩家位置、敌人列表等，而更...
JavaScript语言与Ajax应用完整版课件全套ppt教学教程---副本.ppt
05-02
这个课件《JavaScript语言与Ajax应用》的完整版涵盖了JavaScript的基础知识以及Ajax的应用，以下是其可能涉及的一些关键知识点的详细讲解： 1. **JavaScript基础**： - **变量和数据类型**：JavaScript支持基本...
完整的原型链
little vegetable bird
08-17 437
图中有几个难点： 1.Function构造函数可以用Function.__proto__来访问Function.prototype. 这是因为Function构造函数的构造函数是他本身，作为实例化对象的角色来访问，可行。 2.任何函数都是函数，他都继承Function的所有属性和方法，而Function是内置的构造函数，也是对象，都是继承Object的所有属性和方法。...
JS原型链完整图（重点）
分享，让视野更宽阔
07-06 2025
“ 一切皆对象 ”
JS完整版原型链剖析之最实用的原型链
panda_xm的博客
08-21 183
上一篇介绍了最基本的原型链，并触发了一系列的疑问本篇解决原型的__proto__属性又指向谁。 1. 字面量创建对象 通过字面量创建对象 let = {}; 和通过构造函数创建的对象(实例对象)又有什么区别呢？其实通过let a = new Object(); 创建对象是一样的，字面量的形式是new 创建对象的语法糖，相同数组和函数也可通过new创建 例如： let arr = new Array(); let fn = new Function(‘var a = 1;’) (这里就不对参数的传递对过多的说
JS完整版原型链剖析之最基本的原型链
panda_xm的博客
08-21 149
1. __proto__属性 通过new 构造函数得到一个实例对象，而JS中每个对象身上都有一个属性**proto**,该属性值指向该对象的对象原型上 2. constructor属性 对象的对象原型上有一个constructor属性用来指向对应的构造函数 3. prototype属性 JS中每个构造函数身上都有一个属性prototype，用来指向构造函数的原型对象。对于同一个构造函数他的多个实例对象都指向同一个对象原型，也就是该构造函数的原型对象，(这里的名词可能有点绕，记住构造函数的prototype属
函数的原型链，原型链的完整版以及原型链的族谱
alightman的博客
10-23 872
1.所有函数都是new Function创建出来的，因此所有函数.__proto__都是Function.prototype 2.所有对象都是new Object创建出来的，因此所有对象.__proto__都是Object.prototyp Function.prototype成员 arguments：获取函数的实参，被函数内部的arguments替代了。 length：获
完整原型链-------图文详解
weixin_41793221的博客
08-26 948
完整原型链-------图文详解 前言 : 本片适合有js基础的前端技术工作者; 如果你精通JS高级, 那么你可以直接阅读下图 ; 如果你是JS初学者, 建议你先了解以下概念( 附 案例 ) 不足之处 , 欢迎指正 1. 什么是原型链 原型链 ：每一个对象，都有__proto__指向自身的原型。 而原型也是对象，也有自己的 __proto__指向原型的原型，以此类推形成链式结构，称之为原...
原型链模型
04-02 58
2*/ 3varp=newEmployee('mxh',20); Code 1functionPerson(name) 2{ 3this.name=name 4} 5Person.prototype.sayHello=function() 6{ 7alert(this.name); 8} 9functionEmplo...
JavaScript完整原型链图解
DDboom的博客
07-06 4650
了解完整原型链对我们有什么帮助? 没什么帮助，装逼意义大于实用（doge） 好的吧，可能是我还是新手，没碰上这方面的需求 完整原型链图示 上图里，我们常用的部分是右下至右上的链，即从构造函数到构造函数原型对象再到null的部分。 而实际上，我们常见的Function和Object也参与了原型访问链。 在这个图中，不管将哪个块当作实例对象，总有一个构造函数和一个原型对象和它组成三角关系。 只有一个块例外，那就是Object.prototype。若Object.prototype.__proto__ ===
原型链图
weixin_43968658的博客
04-04 892
(完整版)音乐网站设计与实现.doc
最新发布
11-13
目前，音乐网站已经成为人们获取音乐资源的主要途径之一，因此设计一个高效、易用的音乐网站变得非常重要。本文从选题背景、编写目的和编写意义开始介绍，然后详细分析了需求，并提出了相关解决方案。以下是对本文...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值