重温js——原型和原型链
Posted twinkle||cll
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了重温js——原型和原型链相关的知识,希望对你有一定的参考价值。
我们在前文说到,所有的对象都是通过
new 函数
来创建的,所有的函数也都是对象 . 那么问题来了,Function
也是一个函数,那么他是怎么来的呢?(这个问题是不是类似有点像先有鸡和先有蛋的感觉)但是Function
函数是在js引擎启动的时候,就直接把Function放入到内存中的.
原型 prototype
所有函数都有一个属性: prototype
,称之为原型 .
prototype
在默认情况下是一个object
对象.
默认情况下, prototype中有一个属性: constructor
, constructor
本身也是一个对象,他们之间的关系如下:
通过上图我们知道,函数的原型的构造函数 和 函数本身是一模一样的.
原型有啥用呢?为啥原型的构造函数又要等函数呢?
隐士原型 __proto__
所有的对象都有一个属性:
__proto__
, 这个属性称之为隐士原型.
隐士原型默认情况下指向创建该对象的函数的原型.
用一幅图来总结一下:
对象访问属性的查找方式
对象在查找属性的时候,如果本身不存在的话,他会一层一层查找自己的隐士原型(proto),找到后返回.知道找到null
后返回undefined
既然人家可以在原型上加方法,咋们也可以在原型中加方法,但是这样做会造成原型的污染.
原型链
原型链是啥子呢,我们先来解释链条,链条就是有有限个铁环相互连接在一起,形成一根有限长度的链条.原先链肯定就是有有限个
__proto__
连接起来的链条,我们称之为原型链.
如上图我们看到的
newA.__proto__.__proto__.__proto__
这种在每个对象之间都通过__proto__
是不是有点像链条呢.
原型链路
Function
的__proto__
和Function
的prototype
是指向同一个地址的
- 隐士原型的最终指向是
null
; Object
的__proto__
和Function
的原型执行同一个地址.
以上是关于重温js——原型和原型链的主要内容,如果未能解决你的问题,请参考以下文章