javascript设计模式之工厂模式示例讲解_基础知识
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript设计模式之工厂模式示例讲解_基础知识，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2165字，纯文字阅读大概需要4分钟。
内容图文
javaScript工厂方式原始的方式因为对象的属性可以在对象创建后动态定义，这在 JavaScript 最初引入时都会编写类似下面的代码
var oCar = new Object;
oCar.color = "blue";
oCar.doors = 4;
oCar.mpg = 25;
oCar.showColor = function() {
alert(this.color);
};
在上面的代码中，创建对象 car。然后给它设置几个属性：它的颜色是蓝色，有四个门，每加仑油可以跑 25 英里。最后一个属性实际上是指向函数的指针，意味着该属性是个方法。执行这段代码后，就可以使用对象 car。不过这里有一个问题，就是可能需要创建多个 car 的实例，这显然不是很好的方式。
解决方案：工厂方法
要解决该问题，开发者创造了能创建并返回特定类型的对象的工厂函数。例如，函数 createCar() 可用于封装前面列出的创建 car 对象的操作：
function createCar(sColor,iDoors,iMpg) {
var oTempCar = new Object;
oTempCar.color = sColor;
oTempCar.doors = iDoors;
oTempCar.mpg = iMpg;
oTempCar.showColor = function() {
alert(this.color);
};
return oTempCar;
}
var oCar1 = createCar("red",4,23);
var oCar2 = createCar("blue",3,25);
oCar1.showColor(); //输出 "red"
oCar2.showColor(); //输出 "blue"
调用此工厂函数，将创建新对象，并赋予它所有必要的属性，给 createCar() 函数加上参数，即可为要创建的 car 对象的 color、doors 和 mpg 属性赋值。这使两个对象具有相同的属性，却有不同的属性值。该方法有个不好的地方在于每创建一个car对象（即调用一次createCar函数）都会重复的为每个对象创建showColor 方法，而这时没有必要的而事实上，每个对象都共享同一个函数。于是我们尝试在函数之外去声明其方法属性。
在工厂函数外定义对象的方法
有些开发者在工厂函数外定义对象的方法，然后通过属性指向该方法，从而避免这个问题：
function showColor() {
alert(this.color);
}
function createCar(sColor,iDoors,iMpg) {
var oTempCar = new Object;
oTempCar.color = sColor;
oTempCar.doors = iDoors;
oTempCar.mpg = iMpg;
oTempCar.showColor = showColor;
return oTempCar;
}
var oCar1 = createCar("red",4,23);
var oCar2 = createCar("blue",3,25);
oCar1.showColor(); //输出 "red"
oCar2.showColor(); //输出 "blue"
在上面这段重写的代码中，在函数 createCar() 之前定义了函数 showColor()。在 createCar() 内部，赋予对象一个指向已经存在的 showColor() 函数的指针。从功能上讲，这样解决了重复创建函数对象的问题；但是从语义上讲，该函数不太像是对象的方法。
内容总结
以上是互联网集市为您收集整理的javascript设计模式之工厂模式示例讲解_基础知识全部内容，希望文章能够帮你解决javascript设计模式之工厂模式示例讲解_基础知识所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。