构造函数,实例,原型对象之间的关系和原型链(4)

迈不过友情╰ 2023-07-12 05:27 26阅读 0赞

看图  
1.  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTY1ODk4NA_size_16_color_FFFFFF_t_70]

**2. 每个构造函数都有一个原型对象,通过构造函数prototype指向我们的原型对象.  
3. 在原型对象里面有一个constructor属性,通过这个属性指回了构造函数  
4. 我们可以通构造函数new一个zs对象实例出来  
5. 在实例里面有一个\_\_proto\_\_,它指向的是我们构函数的原型对象.  
6. 在实例里面有\_\_proto\_\_,而\_\_proto\_\_里面也有一个constructor属性,constructor属性指回的是我们的构造函数.所以我们的实例也可以指回我们的构造函数**

# 原型链 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTY1ODk4NA_size_16_color_FFFFFF_t_70 1]  
可以看到,  
**对象实例的\_\_proto\_\_指向构造函数的原型对象prototype,  
构造函数的原型对象prototype里面的\_\_proto\_\_指向Object的原型对象prototype,  
而Object的原型对象prototype指向null,因为他是最顶层了**  
所以我们称这条链为**原型链**  
说白了就是提供一条查找的线路,  
首先看我们实例里面有没有这个成员,没有的话就一层一层的往上找,所以就有了我们的成员查找机制

## JavaScript的成员查找机制 ##

**1. 访问一个对象的属性(包括方法)的时候,先查找对象自身有没有该属性.  
2. 如果没有就查找它的原型(\_\_proto\_\_指向的)  
3. 如果还是没有,就查找原型对象的原型(Object的原型对象)  
4. 直到最顶层(null)**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTY1ODk4NA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200307145811497.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTY1ODk4NA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTY1ODk4NA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2020030715254856.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTY1ODk4NA==,size_16,color_FFFFFF,t_70