时间:2021-05-25
1.工厂模式
工厂模式是软件工程领域一种广为人知的设计模式,而由于在ECMAScript中无法创建类,因此用函数封装以特定接口创建对象。其实现方法非常简单,也就是在函数内创建一个对象,给对象赋予属性及方法再将对象返回即可。
function a(name){ var b = new object(); b.name = name; b.say = function(){ alert(this.name); } return b }函数内部产生b对象并返回。
2.构造函数模式
function Person(name, url) { //注意构造函数名第一个字母大写 this.name = name; this.url = url; this.alertUrl = alertUrl;} function alertUrl() { alert(this.url);}因为每构造一个对象就会生成一个alertUrl方法,这样太浪费资源空间,所以把alertUrl这个方法写在全局以节省空间,但这样写就违背了面向对象编程的初衷,下面的原型模式就更好一些。
3.原型模式
我们创建的每个函数都有prototype(原型)属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。使用原型对象的好处就是可以让所有对象实例共享它所包含的属性及方法。
function Person(){ }Person.prototype.name = "bill";Person.prototype.address = "GuangZhou";Person.sayName = function (){ alert(this.name); }var person1 = new Person();var person2 = new Person(); //测试代码alert(person1.name); // billalert(person2.name); // billperson1.sayName(); //billperson2.sayName(); //billperson1.name = "666";alert(person1.name); // 666alert(person2.name); // billperson1.sayName(); //666person2.sayName(); //bill我们创建的每个函数都有prototype(原型)属性,这个属性其实是一个指针,指向一个对象。
当构造一个person对象例如person1之后,它的默认name属性就是bill。如果要改name值的话就要对person1.name操作。这只是改了这个对象的name属性。alert(person1.prototype.name)依然是弹出bill,即原型上的name属性
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
JavaScript中创建对象的模式汇总**JavaScript创建对象模式:对象字面量工厂模式构造函数模式原型模式结合构造函数和原型模式原型动态模式**面向对
创建模式在javascript中,主要有以下几种创建模式:工厂模式构造函数模式原型模式组合模式动态原型模式寄生构造函数模式稳妥构造模式工厂模式工厂模式是软件工程
一、什么是原型模式在js中,创建对象的方式有工厂模式和构造函数模式等;而构造函数模式最大的问题在于:构造函数中的每个方法都需要在实例对象中重新创建一遍,不能复用
复制代码代码如下:Inserttitlehere/**组合模式:构造函数模式+原型模式这种方式是javascript中最通用的创建对象的方式变量类型属性:用构造
本文实例讲述了javascript原型模式用法。分享给大家供大家参考。具体分析如下:一般在了解了工厂模式和构造函数模式的弊端之后,就知道为什么需要原型模式了原型