为什么通用的对象方法要加在原型中

在构造函数中加属性,原型中加方法。我学面向对象时一直记着的一句话,但为什么方法要加在原型呢,今天再次看望远镜书时终于明白了。

将属性和方法都写在构造函数中没问题,但问题在于每次进行实例化的过程中,重复创建功能不变的方法。

由于方法本质上是函数,其实也就是在堆内存中又新建了一个对象空间存储函数,造成了不必要的资源浪费。

 

解决办法除了使用原型外,也可以令其指向一个全局的函数,从而避免重复创建方法。

函数内:

function Person(name){
    this.name=name,
    this.sayName=function(){
        console.log(this.name);
    }
}

var tom=new Person('Tom');
tom.sayName();    //Tom

tom.hasOwnProperty('sayName');    //true

 全局函数对象:

function Person(name){
    this.name=name,
    this.sayName=sayName
}

function sayName(){
    console.log(this.name);
}

var tom=new Person('Tom');
var mary=new Person('Mary');

tom.sayName();    //Tom
mary.sayName();    //Mary

tom.hasOwnProperty('sayName');    //true

原型:

function Person(name){
    this.name=name,
}

Person.prototype.sayName=function(){
    console.log(this.name);
}

var tom=new Person('Tom');
var mary=new Person('Mary');

tom.sayName();    //Tom
mary.sayName();    //Mary

tom.hasOwnProperty('sayName');    //false

 

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值