详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
1.工厂模式
工厂模式是软件工程领域一种广为人知的设计模式,而由于在ECMAScript中无法创建类,因此用函数封装以特定接口创建对象。其实现方法非常简单,也就是在函数内创建一个对象,给对象赋予属性及方法再将对象返回即可。
functiona(name){ varb=newobject(); b.name=name; b.say=function(){ alert(this.name); } returnb }
函数内部产生b对象并返回。
2.构造函数模式
functionPerson(name,url){//注意构造函数名第一个字母大写 this.name=name; this.url=url; this.alertUrl=alertUrl; } functionalertUrl(){ alert(this.url); }
因为每构造一个对象就会生成一个alertUrl方法,这样太浪费资源空间,所以把alertUrl这个方法写在全局以节省空间,但这样写就违背了面向对象编程的初衷,下面的原型模式就更好一些。
3.原型模式
我们创建的每个函数都有prototype(原型)属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。使用原型对象的好处就是可以让所有对象实例共享它所包含的属性及方法。
functionPerson(){ } Person.prototype.name="bill"; Person.prototype.address="GuangZhou"; Person.sayName=function(){ alert(this.name); } varperson1=newPerson(); varperson2=newPerson(); //测试代码 alert(person1.name);//bill alert(person2.name);//bill person1.sayName();//bill person2.sayName();//bill person1.name="666"; alert(person1.name);//666 alert(person2.name);//bill person1.sayName();//666 person2.sayName();//bill
我们创建的每个函数都有prototype(原型)属性,这个属性其实是一个指针,指向一个对象。
当构造一个person对象例如person1之后,它的默认name属性就是bill。如果要改name值的话就要对person1.name操作。这只是改了这个对象的name属性。alert(person1.prototype.name)依然是弹出bill,即原型上的name属性
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。