javascript中,为啥构造函数的方法要放进原型里而不是直接放在构造函数里呢?

为啥构造函数的方法要放进原型里而不是直接放在构造函数里呢?

下面代码结果都是一样呀

function person(name,sex,age){
    this.name=name
    this.sex=sex
    this.age=age
}
person.prototype.showSelf=function(){   console.log(`${this.name}${this.age}${this.sex}`)}
let a1 = new person('1','1','1')
let a2 = new person('1','1','1')
a1.showSelf()//111
a2.showSelf()111

function person2(name,sex,age){
    this.name=name
    this.sex=sex
    this.age=age
    this.showSelf2=function(){   console.log(`${this.name}${this.age}${this.sex}`)}
}
let b1 = new  person2('2','2','2')
let b2 = new  person2('2','2','2')
b1.showSelf2()//222
b2.showSelf2()//222

区别

我们是将方法添加到构造函数本身,不是每个实例都需要这种方法,这会导致浪费大量内存空间。因为实例中仍然具有该方法,这占用了每个实例的内存空间。 相反,如果我们只将它添加到原型中,我们只需将它放在内存中的一个位置,但它们都可以访问它。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值