浅谈原型对象与原型链

家庭.jpg

1.为什么需要原型对象?

构造函数模式虽然好用,但也并非没有缺点。使用构造函数的主要问题,就是每个方法都要在每个实例上重新创建一遍。

因为多个构造函数会开辟多个内存空间,这样会导致内存浪费的问题,那么如何解决这个问题呢?

方案一:使用全局函数解决,但是会导致变量污染

方案二:使用全局对象解决,解决了变量污染,但是这个对象本身也会造成污染

大冤种.png

所以原型对象来啦!

嚣张.png
原型对象的作用 : 解决内存浪费 + 变量污染(共享方法)

2.什么是原型对象呢?

任何构造函数在被创建的时候,系统都会自动帮我们创建一个与之对应的对象,称为原型对象

这个对象也会自动获得 constructor 属性

而实例都包含一个指向原型对象的内部指针__proto__

三者之间的关系如图

原型对象.png
每当我们创造了一个构造函数,系统就会贴心的分配了一个老婆-----原型对象

从此,构造函数和原型对象过上了没羞没臊的甜蜜生活,并且有个孩子 ------实例对象

构造函数用.prototype就能找到属于自己原型对象(老婆)

原型对象用constructor就能找到属于自己的构造函数(老公)

实例对象用.proto(亲子鉴定)能找到自己的原型对象(妈妈)

","marks":[]}]}]}],"state":{
   }}]'>

<script>   
function Pig(name, age) {
     
this.name = name;  
this.age = age;     
} 
//1.用构造函数自身访问  
console.log(Pig.prototype)   
//2.用实例对象可直接访问原型中的任意成员     
let p1 = new Pig
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值