JavaScript原型链顶层原理

最新推荐文章于 2023-04-28 14:40:51 发布
最新推荐文章于 2023-04-28 14:40:51 发布
阅读量2.2k 收藏 2
点赞数 1
分类专栏： javaScript 文章标签： javaScript 前端 原型链
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TM_Godspeed/article/details/90613593
版权
本文主要探讨JavaScript原型链的顶层原理，区别于常规的自定义对象讲解，重点在于Object.prototype如何生成，以及它与Object、Function之间的关系。通过简化图示，阐述Object.prototype如何先于Object存在，并生成Function.prototype，进而创建Function，最终Object和其他对象由Object和Function构造。文章强调理解原型链顶层需要区分Object和Function及其原型，并指出Object.prototype是JavaScript世界的起点，而Object的灵魂由Function赋予。
摘要由CSDN通过智能技术生成

首先声明一点，关于原型链已经有很多文章介绍了，但是绝大部分都是讲的普通对象(自定义对象)在原型链中的理解，本篇文章的重点是关于原型链顶层原理，所以还不知道原型链是什么的小伙伴可以先看一下别人的文章。

好了，现在进入正题，先把“教科书版本”的原型链图放出来

哇~好乱
一看这图是不是就想关掉了页面了？ 哈哈 O(∩_∩)O 先别急嘛~

还有一个更简单的图
在这里插入图片描述
这个是不是清晰多了
从这个简化图可以看出Object.prototype指向的是null （嗯？？？！！！） 自有了Object.prototype之后自然就有了Object了

而Function.prototype是由Object.prototype构造的，有了Function.prototype之后自然就有了Function了

简单地说，Object.prototype是JS世界中最早出来的，然后由其生出了Object和Function.prototype（再生成了Function），js世界的其他对象、方法(函数) 就由Object和Function生成了。。。

然而，事情并没有那么简单。虽然上面

最低0.47元/天 解锁文章
カさま
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于js中的原型链解释
douzixh的博客
10-21 501
关于js中的原型解释 Object.prototype只是一个普通对象，它是js原型链的最顶端  Object.prototype.proto=== null;//true  Object.prototype.prototype === undefied;//true Object.prototype只是一个普通对象(普通对象没有prototype属性，所以值是undefined)，Object.prototype是js原型链的最顶端，它的__proto__是null(有__proto__属性，但值
JavaScript——原型/原型链中的顶层对象（图解）
Erya Programming learning
12-20 4324
本篇需要提前了解的知识储备：原型和原型链，以下仅概要介绍，不作详细讲解。 详细学习可参考： JavaScript——面向对象（封装）：https://blog.csdn.net/qq_29493173/article/details/118404400 JavaScript——面向对象之继承（原型对象）与多态（重载、重写）：https://blog.csdn.net/qq_29493173/article/details/118410075 构造函数/原型/原型链 构造函数：定义一类对象的统一结构 原型（
原型链的顶端是什么
qq_29055201的博客
06-06 7817
js中到处是对象，对象之间往往会通过__proto__连接在一起，这种链接的现象被称为原型链。极少数的对象会滑原型，比如: Object.create(null)生生的对象里面没有任何属性，非常“空”，我们称它为字典，这种字典对象适合存放数据，不必担心原型带来的副作用。 对象生的有三种方式，一种是上面的Object.create(),一中是字面量（var a = {}）,另外一种是通过构造函数（v...
原型 原型链
hutao2333的博客
08-12 1189
标题 在最近的原型和原型链的学习中，感觉压力有点大，学习难度也比较大，但又很基础很重要，我们在学习中得要下很大的功夫才行。 无论什么时候，只要创建了一个新的函数，就会根据一组特定的规则为这个函数创建一个prototype的属性，prototype这个属性指向函数的原型对象，然后所有的的原型对象都会有一个constructor的属性，这个属性包含着一个指向prototype属性所在函数的指针。 原型...
继承及原型链解析
12-28 109
ECMAScript 只支持实现继承，而且其实现继承主要是依靠原型链来实现的。 实现原型链的基本模式： function Sup(){ this.property=true; } Sup.prototype.getSupValue=function(){ return this.property; }; function Sub(){ t...
JavaScript原型链示例分享
10-26
JavaScript的原型链是理解JavaScript对象继承机制的关键。在JavaScript中，每个对象都有一个内部属性`[[Prototype]]`，通常通过`__proto__`或`Object.getPrototypeOf()...这就是JavaScript原型链的基本工作原理和示例。
JavaScript 45道面试题和答案.docx
06-14
以下是一些常见的JavaScript面试题及其答案，涵盖闭包、作用域链、原型与原型链、事件代理、this对象、事件模型、new操作符以及Ajax原理等多个核心概念。 1. **闭包**： - 闭包是指能够访问另一个函数作用域中的...
js javascript zInherit 对象 继承
05-10
**原型链继承**是JavaScript中最基本的继承形式，它基于原型对象（prototype）的概念。每个JavaScript对象都有一个`__proto__`属性，指向它的构造函数的原型。当试图访问对象的一个属性时，如果该对象上没有这个属性...
JavaScript 45 道面试题及答案.docx
最新发布
07-08
原型链的特点是 JavaScript 对象是通过引用来传递的，我们创建的每个新对象实体中并没有一份属于自己的原型副本。当我们修改原型时，与之相关的对象也会继承这一改变。 事件代理 事件代理（Event Delegation）是一...
理解Javascript_09_Function与Object
10-28
在JavaScript中，函数和对象是两...总的来说，理解JavaScript中的函数对象和对象关系的关键在于把握它们的构造过程、继承链以及`instanceof`的工作原理。深入理解这些概念，将有助于我们更深入地掌握JavaScript的本质。
轻松理解JavaScript原型及原型链
大灰狼的小绵羊哥哥的博客
12-03 475
说到JavaScript的原型和原型链，相关文章已有不少，但是大都晦涩难懂。本文将换一个角度出发，先理解原型和原型链是什么，有什么作用，再去分析那些令人头疼的关系。 一、引用类型皆为对象 原型和原型链都是来源于对象而服务于对象的概念，所以我们要先明确一点： JavaScript中一切引用类型都是对象，对象就是属性的集合。 Array类型、Function类型、Object类型、Date类型...
JS 原型链，原型链的顶端是什么？Object 的原型是什么？Object 的原型的原型是什么？在数组原型链上实现删除数组重复数据的方法?
first_hands的博客
04-28 428
承的，在 JS 中一个构造函数默认带有一个 prototype 属性，这个的属性值是一个对象，而创建的实例的原型，那么什么是原型呢，可以这样理解，每一个 JavaScript 对象在创。前面说到，每个对象都会从原型继承属性，但是引用《你不知道的 JS》中的话，继承意。型，我们在使用一个实例的方法的时候，会先检查这个实例中是否有这个方法，没有的。建的时候就会预制管理另一个对象，这个对象就是我们所说的原型，每一个对象都会从。呢，指向实例是没有的，因为一个构造函数可以生成多个实例，但是原型有属性可以直。
图解原型原型链
Dear_Mr的博客
07-14 816
图解原型原型链原型 ？在“类”中（也就是函数中）的prototype就指向一个原型对象，在实例中，__proto__就指向的是一个构造它的那个“类”（函数）的原型，通过protoype与__proto__就会形成一个原型链，对于一个实例来说，就是谁构造的我，我的__proto__就指向谁的原型，直到最顶层的Object，对于“类”（函数）来说，我的prototype指向的是我自己的原型，我里面也有_
图解JS原型链
xiaoyaocao的博客
09-11 593
javascript中一切都是对象，分为两类：普通对象、函数对象。（暂且使用这两个命名） 所有对象都有__proto__属性，prototype属性只有函数对象才有。 从原型链的角度来说，函数对象的prototype属性和__proto__属性“无任何关系”。 new运算符只能用于函数对象，所生成的对象为普通对象。 Function对象（注：不要与关键字function混淆）较特殊，并且J...
js原型、原型链、原型链继承详解
weixin_47342392的博客
09-17 341
主要详细的解释s原型、原型链、原型链继承
原型和原型链
weixin_43992788的博客
03-12 143
原型和原型链 原型最顶层是nul、顶层是object 有两个对象AB B基于对象A创建出来的，相当于B继承与A，A是B的父亲。 B的原型对象是指向A 原型链 console.log(person1.name) 开始在person1里查找name属性 没有 去person里查找 有 这个查找过程叫原型链 person1的父亲person...
原型链及最终的指向
TWcodego的博客
10-08 1933
看了廖雪峰老师和阮一峰老师的博客，深有体会，然后自己画图理解了一下 若有不对，敬请指正，谢谢大家！
原型链详解
zhouxin_182的博客
11-05 642
校招季，走前端方向的同学们肯定都被问过原型链相关的问题吧，这是js的基础问题了，只不过让大家总结，可能又说不太出来，个人觉得这篇文章比较通俗易懂，又比较全面，希望能帮助到那些还在泥潭中挣扎的同学~
JavaScript原型链详解与示例
"这篇笔记主要介绍了JavaScript中的原型链概念，包括函数与对象的原型、实例的隐式原型以及原型链的构建。" 在JavaScript中，原型链是一个关键的概念，它决定了对象如何继承属性和方法。原型链是通过对象的原型...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值