javascript设计模式之工厂(Factory)模式
2015-08-27 19:52
711 查看
概述
工厂模式一种创建型模式,目的是为了创建对象。它通常在类或者类的静态方法中实现。1.当创建相似对象时,执行重复操作。
2.在编译不知道具体类型时,为工厂客户提供一种创建对象的接口。
工厂模式
通过工厂方法(或类)创建的对象在设计上都继承了相同的父对象这个思想,它们都是实现专门功能的特定子类。示例:
(1)公共构造函数CarMaker
(2)一个名为factory()的CarMaker的静态方法 ,该方法用于创建car对象
(3)从CarMaker继承的专门构造函数CarMaker.Compact,CarMaker.SUV。所有这些构造函数都被定义为父类的静态属性,以保证全局命名空间免受污染。
实现:
var corolla=CarMaker.factory('Compact'), cheroke=CarMaker.factory("SUV"); corolla.drive(); cheroke.drive();
工厂方法接受在运行时以字符串的形式指定的类型,然后创建并返回所请求类型的对象。代码中看不到任何具有new或对象字面量的构造函数。
下面是工厂模式实现的示例,这将会使得前面的代码片段正常运行:
function CarMaker(){} CarMaker.prototype.drive=function(){ return "I have "+this.doors+" doors"; } CarMaker.factory=function(type){ var constr=type, newcar; if(typeof CarMaker[constr]!=="function"){ throw{ name:"Error", message:constr+"doesn't exist" }; if(typeof CarMaker[constr].prototype.drive!=="function"){ CarMaker[constr].prototype=new CarMaker(); } newcar=new CarMaker[constr](); return newcar; } } CarMaker.Compact= function () { this.doors=4; } CarMaker.SUV= function () { this.doors=24; }
何时使用工厂模式:
(1)当对象或者组件设置涉及高复杂性时
(2)当需要根据所在不同的环境轻松生产对象的不同实例时
(3)当处理很多共享相同属性的小型对象或组件时
抽象工厂(Abstract Factory)
抽象工厂用于封装一组具有共同目标的单个工厂。它能够将一组对象的实现细节从一般的语法中分离出来。应用抽象工厂的场景:一个系统必须独立于它所创建的对象的生成方式,或它需要与多种对象类型一起工作。
下例是一个车辆工厂,它定义了获取或注册车辆类型的方法。抽象工厂命名为AbstractVehicleFactory。抽象工厂将允许对象car或truck这样的车辆类型进行定义,具体工厂只需实现车辆契约类(如Vehicle.prototype.drive)
实现代码
function Car(options){ this.doors=options.door||4; } Car.prototype.drive= function () { return this.doors; } var AbstractVehicleFactory=(function () { //抽象工厂 var types={}; return{ getVehicle: function (type ,customizations) { var Vehicle=types[type]; return (Vehicle) ? (new Vehicle(customizations)): null; }, registerVehicle:function (type,Vehicle) { var proto=Vehicle.prototype; if(proto.drive){ types[type]=Vehicle; } return AbstractVehicleFactory; } } })(); AbstractVehicleFactory.registerVehicle("car",Car); var car=AbstractVehicleFactory.getVehicle("car",{ door:4 }); console.log(car);
相关文章推荐
- JavaScript 闭包
- Java 调用 Javascript 函数的范例
- js中substring与substr的学习。
- ExtJs 中获取 radiobutton 的值
- ExtJs 中获取 radiobutton 的值
- C#【js利用ajax去访问后台代码】
- JavaScript ArrayBuffer浅析
- 各种页面高度
- javascript float转int
- javascript对象的几种创建方式
- JSF 2 checkboxes example
- Extjs表单验证的编写方法及vtypes集合
- JSF 2 textarea example
- Javascript拷贝对象方法
- js浮点运算bug的解决办法
- JSF 2 password example
- JSF 2 textbox example
- js 计算两个日期的间隔 兼容firefox和ie
- js Promise学习
- js Promise学习