概念与特点

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

特点：

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

结构与实现

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

<!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 "创建植物";}//具体工厂-农场Afunction AFactory() {}AFactory.prototype = new AbstractFactory();//养牛AFactory.prototype.newAnimal = function (){return new niuProduct();};//种菜AFactory.prototype.newPlant = function (){return new greensProduct();};//具体工厂-农场Bfunction 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>

应用场景

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

应用实例

暂无。

总结

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

JavaScript 23 种设计模式之 4 抽象工厂模式相关推荐

23种设计模式之单例模式、工厂模式、原型模式、建造者模式
系列文章目录第一章:程序设计原则-单一职责.接口隔离.依赖倒置.里式替换第二章:程序设计原则-开闭原则.迪米特法则.合成复用原则文章目录系列文章目录一.设计模式简单介绍 1.1.什么是设计模 ...
23种设计模式 -----Day01：简单工厂模式
目录前言 1.设计模式(Design pattern)定义 2.为什么要使用设计模式(使用设计模式的意义) 3.设计原则 a.单一职责原则 b.开放封闭原则 c.里氏代换原则 d.迪米特法则 e.依 ...
【23种设计模式专题】二工厂模式
程序猿学社的GitHub,欢迎Star github技术专题本文已记录到github 文章目录前言小故事传统方式简单工厂(第一种) 工厂方法模式(第二种) 抽象工厂模式(第三种) 使用工厂方 ...
23种设计模式（2）-工厂模式
定义: 工厂模式是 Java 中最常用的设计模式之一.这种类型的设计模式属于创建型模式,它提供了一种创建对象的最佳方式. 工厂模式主要是为创建对象提供过渡接口,以便将创建对象的具体过程屏蔽隔离起来,达 ...
设计模式C#描述——抽象工厂模式
设计模式C#描述--抽象工厂模式阅读此文应先阅读简单工厂模式与工厂方法模式抽象工厂模式是对象的创建模式,它是工厂方法模式的进一步推广. 假设一个子系统需要一些产品对象,而这些产品又属于一个以上的产 ...
设计模式二、抽象工厂模式
设计模式part2 1. 抽象工厂模式工厂方法模式有一个问题就是,类的创建依赖工厂类,也就是说,如果想要拓展程序,必须对工厂类进行修改,这违背了闭包原则,所以,从设计角度考虑,有一定的问题, ...
C++23种设计模式（1）-工厂方法模式
C++常用的设计模式有23种. 创建型模式,共五种:工厂方法模式.抽象工厂模式.单例模式.建造者模式.原型模式. 结构型模式,共七种:适配器模式.装饰器模式.代理模式.外观模式.桥接模式.组合模式.享 ...
javascript 23 种设计模式
前言总体来说设计模式分为三大类: 创建型模式:工厂方法模式.抽象工厂模式.单例模式.建造者模式.原型模式. 结构型模式:适配器模式.装饰模式.代理模式.外观模式.桥接模式.组合模式.享元模式. 行为 ...
23种设计模式学习记录之代理模式
想说的话: 在大学的时候曾经学过这23种设计模式,但是那时没啥编程经验,糊里糊涂过了一遍,没多久就忘记了,工作之后将精力主要集中在学习新技术上,比如springboot,cloud,docker,vu ...

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