javascript设计模式 – 简单工厂模式原理与应用实

　　本文实例讲述了javascript设计模式 – 简单工厂模式。分享给大家供大家参考，具体如下：

　　介绍：简单工厂模式是最常用的一类创建型设计模式。其中简单工厂模式并不属于GoF23个经典设计模式，它通常被作为学习其他工厂模式的基础。

　　定义：定义一个工厂类，它可以根据参数的不同返回不同的实例，被创建的实例通常都具有相同的父类，因为在简单工厂模式中创建实例的方法是静态方法，因此简单工厂模式又被称为静态工厂方法模式，它属于类创建型模式。

　　场景：我们需要写一个dialog工具类，在项目初期我们只需要考虑一个简单的弹窗实现，项目持续迭代，会衍生出各种类型的弹窗，带关闭按钮的，带确认按钮的…..

　　我见到最多的做法是根据一个type值来判断当前需要弹什么类型的窗口，这样的设计我之前没觉得有问题，但是看了前面介绍的设计原则，我们也来分析下这么做的缺点：

　　1. 存在多个if…else…代码块，代码冗长，阅读困难，维护困难，测试困难，影响系统性能。

　　2. dialog类职责过重，负责初始化所有弹窗实例，违反了单一职责原则，不利于重用和维护。

　　5. 各类弹窗的创建和使用都是在各个业务逻辑中，如果我想修改创建方式必须修改所有业务代码，违反了开关原则

　　以上的解决方案是自己理解着写的，对照着java的示例写了一个，实现的方式有很多种，你可以用原型链，用继承来实现都可以。我们这里主要讨论下为什么要这么写。

　　之前我们列出了5个缺点：我们主要解决了2，4和5,将共有的方法属性抽取出来写在父类上，减少了重复代码，将每种情况特有的代码抽取出来，解决了不符合单一职责原则的问题。

　　重要的是将所有弹窗的创建集中在工厂类中，当有修改时，只需要修改工厂类即可，不会影响业务代码。

　　这里我们思考一下：1.如何去掉那些if…else…？ 2.当我要新增一个error类型的弹窗时如何满足开关原则？

　　这样当我做新增时ASP编程，只需要要新增一条配置即可，不用去对公告内容做修改。满足了开关原则的对扩展支持对修改关闭。

　　感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：测试上述代码运行效果。

　　更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》源码编程器