在构造函数中加属性,原型中加方法。我学面向对象时一直记着的一句话,但为什么方法要加在原型呢,今天再次看望远镜书时终于明白了。
将属性和方法都写在构造函数中没问题,但问题在于每次进行实例化的过程中,重复创建功能不变的方法。
由于方法本质上是函数,其实也就是在堆内存中又新建了一个对象空间存储函数,造成了不必要的资源浪费。
解决办法除了使用原型外,也可以令其指向一个全局的函数,从而避免重复创建方法。
函数内:
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