JavaScript 23 种设计模式之 4 抽象工厂模式

Dear 丶 2023-03-13 01:55 18阅读 0赞

### JavaScript 23 种设计模式之 4 抽象工厂模式 ###

*  概念与特点
 *  结构与实现
 *  应用场景
 *  应用实例
 *  总结

# 概念与特点 #

概念：  
提供一组相关或相互依赖对象的接口。抽象工厂模式是工厂方法模式的升级版，工厂方法模式只生产一类产品。而抽象工厂模式可生产多种类型的产品。

特点：

1.  系统中有多个产品族。每个具体工厂创建不同类型的同一族产品。
2.  在内部对相关联的多等级产品公共管理。不必专门引入多个新的类来进行管理。
3.  当产品族中需要增加一种类型的新产品时，所有的工厂类都需要进行修改。

# 结构与实现 #

抽象工厂方法模式包含抽象工厂，具体工厂，抽象产品，具体产品 。抽象工厂可以有多个方法，并且有多个具体工厂去实现。相对应的也会有多个抽象产品，具体产品。  
抽象工厂：定义方法。  
具体工厂：实现方法。  
抽象产品：定义产品的访问方法。  
具体产品：实现产品的访问方法。

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <script>
        //抽象工厂
        function AbstractFactory() { 
    
        }
        AbstractFactory.prototype.newAnimal = function () { 
            throw "创建动物";
        }
        AbstractFactory.prototype.newPlant = function () { 
            throw "创建植物";
        }
    
        //具体工厂-农场A
        function AFactory() { 
    
        }
        AFactory.prototype = new AbstractFactory();
        //养牛
        AFactory.prototype.newAnimal = function (){ 
            return new niuProduct();
        };
        //种菜
        AFactory.prototype.newPlant = function (){ 
            return new greensProduct();
        };
    
        //具体工厂-农场B
        function BFactory() { 
    
        }
        BFactory.prototype = new AbstractFactory();
        //养马
        BFactory.prototype.newAnimal = function () { 
            return new horseProduct();
        };
        //种水果
        BFactory.prototype.newPlant = function (){ 
            return new fruitsProduct();
        };
    
        //抽象产品1-养动物
        function AnimateProduct() { 
    
        }
        AnimateProduct.prototype.show = function () { 
    
        }
    
        //具体产品-养牛
        function niuProduct() { 
    
        }
        niuProduct.prototype = new AnimateProduct();
        niuProduct.prototype.show = function () { 
            console.log("养牛")
        }
    
        //具体产品-养马
        function horseProduct() { 
    
        }
        horseProduct.prototype = new AnimateProduct();
        horseProduct.prototype.show = function () { 
            console.log("养马")
        }
    
        //抽象产品2-种植植物
        function PlantProduct() { 
    
        }
        PlantProduct.prototype.show = function () { 
    
        }
    
        //具体产品-种菜
        function greensProduct() { 
    
        }
    
        greensProduct.prototype = new PlantProduct();
        greensProduct.prototype.show = function () { 
            console.log("种菜")
        }
    
        //具体产品-种水果
        function fruitsProduct() { 
    
        }
        fruitsProduct.prototype = new PlantProduct();
        fruitsProduct.prototype.show = function () { 
            console.log("种水果")
        }
    
        var temp = new AFactory();
        //养牛
        temp.newAnimal().show();
        //种菜
        temp.newPlant().show();
    
        var temp1 = new BFactory();
        //养马
        temp.newAnimal().show();
        //种水果
        temp.newPlant().show();
    </script>
    </body>
    </html>

# 应用场景 #

1.  当要创建的对象是一系列相关联的产品族。
2.  系统中有多个产品族。但每次只用其中的某一族产品。

# 应用实例 #

暂无。

# 总结 #

抽象工厂模式与工厂方法模式就在于是单一产品还是多种类产品。比如 4S 店只销售某一品牌的汽车，但是车行属于综合体，会销售不同类型的汽车。再比如李宁专卖店就只卖李宁的服饰。但是服装商场会销售不同品牌的服饰。