构造函数原型对象——prototype

末蓝、 2023-07-14 10:43 27阅读 0赞

--------------------

## 说明： ##

--------------------

在**ECAMscript6**出现了**class（类）**，而在**ECAMscript5和以前**没有**class**，所以在**ECAMscript5和以前**的使用**构造函数来代替class**，但是构造函数有一个缺陷就是每实例化一个对象都会对对象里面的属性和方法重新开辟一个空间，在某些时候就造成了**资源的浪费**，然后他们为了在**ECAMscript5和以前的版本**解决这问题添加了**prototype**属性。  
在JavaScript里面，**每一个构造函数都有一个prototype属性**，且**prototype指向一个对象**，所以可以理解为**prototype就是一个对象**，**而这对象具有的属性和方法都会被他的构造函数所拥有**（所以可以通过实例化对象来调用），这样我们就可以把哪些**不变的方法和属性**直接定义到**prototype**里面，让实例化对象共享这些方法和属性（prototype让那些不变的方法和属性指向同一地址）。  
**prototype**的方法和属性是在构造函数**外**声明的，那实例化对象为什么有在函数外声明的方法和属性呢？这是因为每一个对象在实例化的时候，会自动添加\_\_proto\_\_属性，并且\_\_proto\_\_指向构造函数的**原型对象prototype**，所以**prototype===proto。**  
**但是如果构造函数里面的方法和属性与prototype重复了怎么办呢**，他会这样办——**先**看这个实例化对象的\_\_proto\_\_有没有这个方法，如果有就**执行**这个方法，如果没有就到**prototype**里面去看看有没有这方法，如果有就**执行**这个方法没有就**报错**。。。

--------------------

## 具体使用（js）： ##

--------------------

--------------------

## 上图： ##

--------------------

![在这里插入图片描述][20200314145738462.png]  
本文只用于个人学习和记录

[20200314145738462.png]: /images/20230529/1c283afd02cf40af9f302e2e3304be44.png