javaScript设计模式-工厂

它的好处是消除对象间的耦合度,在派生子类时提供了更大的灵活性。但盲目的把普通的构造函数扔在一边,并不值得提倡。如果要采一不可能另外换用一个类,或都不需要在运行期间在一系列可互换的类中进行选择,就不应该使用。这样在后期代码重构时还有机会使用。

简单工厂

这种方式只能处理一个工厂只生产一个品牌的商品,如果生产不同品牌的商品时,此方式就行不通了。

javascript 复制代码
var BicycleFactory = {//把生产Bicycle的工作全部放在工厂类中
    createBicycle: function(model) {
        var bicycle;
        switch(model) {
            case 'The Speedster':
                bicycle = new Speedster();
                break;
            case 'The Lowrider':
                bicycle = new Lowrider();
                break;
            default:
                bicycle = new ComfortCruiser();
        }
//接口在工厂模式中起着很重要的作用,如果不对对象进行某种类型的检查以确保其实现了必要的方法,那  么工厂模式带来的好处就基本没有了,此接口是用第一章的内容创建的
        Interface.ensureImplements(bicycle, Bicycle);
        return bicycle;
    }
};
javascript 复制代码
var BicycleShop = function() {};
BicycleShop.prototype = {
    sellBicycle: function(model) {
        var bicycle = BicycleFactory.createBicycle(model);
        bicycle.assemble();
        bicycle.wash();
        return bicycle;
    }
};
javascript 复制代码
/* The Bicycle interface. */
var Bicycle = new Interface('Bicycle', ['assemble', 'wash', 'ride','repair']);
var Speedster = function() { // implements Bicycle
};
Speedster.prototype = {
    assemble: function() {
    },
    wash: function() {
    },
    ride: function() {
    },
    repair: function() {
    }
};
javascript 复制代码
var t = new BicycleShop();
var a = t.sellBicycle("The Speedster");
console.log(a);

如果需要提供几种不同品牌的自行车时,更恰当的做法是把这个创建方法实现在一个类中,并从此类派生出一些子类。

工厂模式

这个例子需要对上面的简单工厂进行一些修改。工厂是将其成员对象的实例化推迟到子类中进行的类。而简单工厂其成员对象是由工厂类创建的。

javascript 复制代码
/* 抽象的自行车商店(abstract). */
var BicycleShop = function() {};
BicycleShop.prototype = {
    sellBicycle: function(model) {
        var bicycle = this.createBicycle(model);
        bicycle.assemble();
        bicycle.wash();
        return bicycle;
    },
    createBicycle: function(model) {
        throw new Error('Unsupported operation on an abstract class.');
    }
};

/* AcmeBicycleShop class extends BicycleShop,
由具体的子类决定从哪家进货,卖什么牌子的自行车. */
var AcmeBicycleShop = function() {};
extend(AcmeBicycleShop, BicycleShop);//****
AcmeBicycleShop.prototype.createBicycle = function(model) {
    var bicycle;
    switch(model) {
        case 'The Lowrider':
            bicycle = new Speedster();
            break;
        default:
            bicycle = new AcmeComfortCruiser();
    }
    Interface.ensureImplements(bicycle, Bicycle);
    return bicycle;
};
/* GeneralProductsBicycleShop class.另一个商店 */

/* The Bicycle interface. */
var Bicycle = new Interface('Bicycle', ['assemble', 'wash', 'ride','repair']);
var Speedster = function() { // implements Bicycle
};
Speedster.prototype = {
    assemble: function() {
    },
    wash: function() {
    },
    ride: function() {
    },
    repair: function() {
    }
};
/* Usage. */
var alecsCruisers = new AcmeBicycleShop();
var yourNewBike = alecsCruisers.sellBicycle('The Lowrider');

通常要与一系列实现了同一接口、可以被同等对待的类打交道,或是初始化数据或是动态加载库时用工厂模式比较方便。同样也可以实现组合工厂。其实就是把小件组装在一个大工厂类中,做为对象返回。

javascript 复制代码
var FeedManager = {
  createFeedReader: function(conf) {
    var displayModule = new ListDisplay(conf.id + '-display', conf.parent);
    Interface.ensureImplements(displayModule, DisplayModule);
    var xhrHandler = XhrManager.createXhrHandler();
    Interface.ensureImplements(xhrHandler, AjaxHandler);
    //三个参数代表了三个小工厂。FeedReader是一个组合后的大工厂
    return new FeedReader(displayModule, xhrHandler, conf);
  }
};
相关推荐
Jolyne_2 分钟前
【浏览器插件】一键下载页面图片和文本
前端
Jony_6 分钟前
Android 类加载机制
前端·客户端
im_AMBER9 分钟前
HTTP概述 01
javascript·网络·笔记·网络协议·学习·http
Highcharts.js9 分钟前
在Python中配置高度交互的数据可视化:Highcharts完全指南
开发语言·python·信息可视化·highcharts
小生凡一11 分钟前
图解|Go语言实现 Agent|LLM+MCP+RAG
开发语言·后端·golang
1024小神19 分钟前
在 Swift 中,参数标签(argument label),用于在调用函数时提高代码的可读性。
前端
思茂信息22 分钟前
CST电动车EMC仿真(二)——电机控制器MCU的EMC仿真
开发语言·javascript·单片机·嵌入式硬件·cst·电磁仿真
joker学java26 分钟前
el表达式jstl和我们的js都是什么时候使用
前端
晴殇i26 分钟前
前端极速性能优化:从加载到渲染的全链路实战指南
前端·javascript
joker学java26 分钟前
el,js,jstl什么时候进行混用
前端