javaScript设计模式-工厂-Toy模板网

这篇具有很好参考价值的文章主要介绍了javaScript设计模式-工厂。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

javaScript设计模式-工厂,# JavaScript设计模式,javascript,前端,开发语言,设计模式,ecmascript

简单工厂

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

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;
    }
};

var BicycleShop = function() {};
BicycleShop.prototype = {
    sellBicycle: function(model) {
        var bicycle = BicycleFactory.createBicycle(model);
        bicycle.assemble();
        bicycle.wash();
        return bicycle;
    }
};

/* 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() {
    }
};

var t = new BicycleShop();
var a = t.sellBicycle("The Speedster");
console.log(a);

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

工厂模式

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

/* 抽象的自行车商店(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');

通常要与一系列实现了同一接口、可以被同等对待的类打交道，或是初始化数据或是动态加载库时用工厂模式比较方便。同样也可以实现组合工厂。其实就是把小件组装在一个大工厂类中，做为对象返回。文章来源地址https://www.toymoban.com/news/detail-806981.html

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);
  }
};

到了这里，关于javaScript设计模式-工厂的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！