原型|如何讲清楚JS原型链?
北京联盟_本文原题：如何讲清楚JS原型链?
先看一个典型的单向链表
本文插图
上面这段代码 ， 是一个典型的单向链表
我们只能通过n.next来找到下一个节点
但是没有办法从当前节点找到上一个节点
本文插图
不过这和原型链有什么关系呢？ 目前还没有关系 。
原型对象从哪来？
本文插图
分析上面这段代码
为什么obj明明是空的,却还能调用toString方法?
这toString方法是哪里来的呢?
再比如我们的数组对象
本文插图
其实,这些方法都来自于一个叫做原型的家伙
我们可以使用 对象.__proto__ 的形式把原型对象打印出来
本文插图
这是所有对象的一个隐式属性, 也就是正常情况下打印对象, 我们是看不到这个属性的
但我们依然可以通过__proto__ 这样一个比较奇怪的属性名字来访问原型对象
这个属性名称访问起来确实不够方便,实际上它还有另外一种访问方式
也是一种比较正式的访问方式, 就是通过函数名来访问
例如看下面这个例子
本文插图
现在我们大概有了一些疑问
- 1.原型对象中的所有属性,实例对象都能随便访问吗?2.每个实例对象都有自己的原型对象, 还是大家共用一个?3.实例对象自己的属性和原型的属性冲突了, 会访问谁呢?4.原型对象跟继承有什么关系?5.原型链又是怎么来的?
- 原型对象中的所有属性,实例对象都能随便访问吗?
本文插图
在上面的代码中,我们创建一个构造函数 Phone
同时我们给原型对象,添加了 price、color两个属性
同时添加了 playmusic、phonecall两个方法
接下来我们通过实例对象来访问一下这些内容
本文插图
可以看到,原型中的属性和方法都可以被实例对象直接访问!
- 每个实例对象都有自己的原型对象, 还是大家共用一个?
本文插图
最终结论是, 所有实例对象共享同一个原型对象
- 实例对象自己的属性和原型的属性冲突了, 会访问谁呢?
本文插图
可以看到, 如果对象本身存在这个属性或方法, 会优先访问自己的
如果没有, 则访问原型的属性, 访问过程如下图
本文插图
推荐阅读
- 心血管内科王医生|如何减少心悸，做到这几点，效果很明显
- 关节骨头|如何用“大米”来拯救急性扭伤？
- 三木|如何打造复古造型？学学三木博主这样搭，轻松打造高级复古感
- 矿物油|如何通过主要成分油，来判断乳霜的好坏？赶紧去试试你的乳霜吧
- 谜团|科学至今无法解释的4大谜团，人类何时才能解开？谜团一：地球是如何诞生的？谜团二：生命是怎么产生的？谜团三：黑洞里面是什么？谜团四：宇
- 关节骨头|老年女性骨质疏松问题如何解决？掌握3种方法，活出青春姿态
- 小儿健康|宝宝鼻塞不通气？家长如何护理？
- 关节骨头|如何快速消除腘绳肌挛缩导致的伸膝受限？
- 内分泌疾病|如何一步步作成“尿毒症”？
- 雨宸情感|如何挽回前任，看完你就明白了