JavaScript设计模式：工厂模式（附接口模式代码）

傷城~ 2022-06-17 01:23 188阅读 0赞

工厂模式目的：消除类之间的依赖性。  
在引入工厂模式以前，我们先给出接口类的代码：

var Interface = function(name,methods){ 
        if(arguments.length != 2){
            throw new Error("expect 2 arguments.");
        }
    
        this.name = name;
        this.methods = [];
        if(!methods instanceof Array){
            throw new Error("expect the second argument be an Array.");
        }else{
            methods.forEach(function(method){ 
                if(typeof method != "String"){
                    throw new Error("expect the second argument be an Array of String.");
                }
                this.methods.push(method);
            });
        }
    }
    
    Interface.ensureInplements = function(object){ 
        if(arguments.length < 2){
            throw new Error("expect 2 or more arguments.");
        }
    
        for(var i = 1, len = arguments.length ; i<len ; i++){
            var interface = arguments[i];
            if(interface.constructor != Interface){
                throw new Error("the arguments must be instances of Interface");
            }
            for(var j=0,methodsLen=interface.methods.length;j<methodsLen;j++){
                var methods = interface.methods[j];
                if(!object[methods] || typeof object[methods] !== "function"){
                    throw new Error("methods was not found.");
                }
            }
        }
    }

接口类就是为了保证某些对象一定都具有某些方法，可以用Interface.ensureInplements验证。例如，我们想验证car对象是不是Car接口的实例，可以这样写：

Interface.ensureInplements(car,Car);

Car接口可以通过new Interface(“Car”,\[“drive”,”ring”…\]);这样的形式定义其必须的方法。  
这样在通过了Interface.ensureInplements(car,Car);方法后，我们就能保证car对象也拥有方法drive，ring…

## 简单工厂 ##

直接上栗子比较好：比如说，你想开一家花店，出售各种鲜花：

var FlowerShop = function(){ };
    FlowerShop.prototype.sellFlowers = function(name){ 
        var flower;
        switch(name){
            case 'rose':
                flower = new Rose();
                break;
            case 'lily':
                flower = new Lily();
                break;
            default:
                flower = new NormalFlower();
        }
        Interface.ensureInplements(flower,Flower);
        flower.watering();
        flower.prune();
        return flower;
    }

// Flower Interface
    var Flower = new Interface("Flower",["watering","prune"...]);

这样，如果我们想要玫瑰花，就：

var newFlowerShop = new FlowerShop();
    var rose = newFlowerShop.sellFlowers("rose");

但是，如果你想要为你的花店新加入一种花呢？你就要改写FlowerShop类，即便是这个类的基本功能其实并没有改变：创建鲜花，把花洗干净，修剪，然后返回给客户。

更好的方式是把创建鲜花实例这部分代码交给一个工厂对象。

var FlowerFactory = {
        createFlower : function(name){ 
            var flower;
            switch(name){
                case 'rose':
                    flower = new Rose();
                    break;
                case 'lily':
                    flower = new Lily();
                    break;
                default:
                    flower = new NormalFlower();
            }
            Interface.ensureInplements(flower,Flower);
            return flower;
        }
    }

FlowerFactory这个对象可以作为一个单体，用来把createFlower方法封装在一个命名空间中，这个方法返回的flower对象实现了Flower接口。这样，我们的花店代码就可以改为：

var FlowerShop = function(){ };
    FlowerShop.prototype.sellFlowers = function(name){ 
        var flower = FlowerFactory.createFlower("rose");
        flower.watering();
        flower.prune();
        return flower;
    }

## 工厂模式 ##

真正的工厂模式和简单的工厂模式的区别在于，它不是另外使用一个类，而是使用一个子类来实现对象的创建。  
工厂模式的正式定义是：将其成员对象的实例化推迟到子类来实现的类。也就是说，前面的FlowerShop应该作为一个抽象类，真正的实现需要其子类来完成。比如，我们可以创建一个北京花店，出售各种花，也可以再创建一个上海花店，等等。具体对花的实例化代码应该在子类（例如北京花店）中完成。

对FlowerShop的一般性操作应该写在FlowerShop中，而其他个性的代码则被分配到子类中。

发表评论取消回复

表情：

评论列表（有 0 条评论，188人围观）

还没有评论，来说两句吧...

相关阅读

相关【JavaScript 设计模式】工厂模式

JavaScript 设计模式系列文章： [设计模式总览][Link 1] [工厂模式][Link 2] [单例模式][Link 3] [观察者模式/

妖狐艹你老母/ 2022年12月02日 15:09/ 0 赞/ 156 阅读

相关浅谈JavaScript设计模式——工厂模式和抽象工厂模式

1、工厂模式：虽然Object构造函数和对象字面量都可以用来创建单个对象，但这个方式有个明显的缺点：使用同一个接口创建很多对象，会产生大量重复的代码。为了解决这个问题，开始

小鱼儿/ 2022年06月18日 08:50/ 0 赞/ 166 阅读

相关 JavaScript设计模式：工厂模式（附接口模式代码）

工厂模式目的：消除类之间的依赖性。在引入工厂模式以前，我们先给出接口类的代码： var Interface = function(name,methods){

傷城~/ 2022年06月17日 01:23/ 0 赞/ 189 阅读

相关接口--工厂设计模式

interface Fruit{ //定义一个接口 public void eat(); } class

左手的ㄟ右手/ 2022年06月10日 12:38/ 0 赞/ 149 阅读

相关 JavaScript - JavaScript设计模式：工厂模式

转载博主：[文章深入浅出][Link 1] 1 什么是工厂模式? 工厂模式是用来创建对象的一种最常用的设计模式。我们不暴露创建对象的具体逻辑，而是将将逻辑封装在一个函数

痛定思痛。/ 2022年04月15日 20:37/ 0 赞/ 180 阅读

相关设计模式之工厂方法模式，附Java代码示例

模式定义工厂方法模式(Factory Method Pattern)又称为工厂模式，也叫虚拟构造器(Virtual Constructor)模式或者多态工厂(Polym

我不是女神ヾ/ 2022年04月03日 10:22/ 0 赞/ 146 阅读

相关 JavaScript -- 设计模式创建型设计模式-工厂模式

也许你在网上看到有关工厂模式的其他教程（包括我在内,我在学校学习工厂模式时,老师用的c\),那些并不适合前端（JS)。在前端中，当你考虑使用new运算符来创建对象的时候，就

亦凉/ 2022年01月09日 23:53/ 0 赞/ 240 阅读

相关 javascript设计模式 - 工厂模式

1 ：工厂模式 - 简单的说：就是创建一个对象，最后再返回这个对象！如： function createBook(name, time, type) {

亦凉/ 2021年09月16日 03:28/ 0 赞/ 303 阅读

相关 JavaScript设计模式——工厂模式

介绍将 new 操作单独封装遇到 new 操作时，就要考虑是否使用工厂模式来看代码： class Product { constru

小灰灰/ 2021年08月24日 19:11/ 0 赞/ 409 阅读

相关 JavaScript设计模式(二)【工厂模式】

// 安全的工厂方法 var Factory = function (type, content) { if (this instanc

末蓝、/ 2021年07月05日 01:05/ 0 赞/ 366 阅读