如何运用JavaScript实现简单工厂模式及其应用场景？

本文共计1474个文字，预计阅读时间需要6分钟。

原文示例：本文实例讲述了JavaScript设计模式——简单工厂模式。分享给大众提供参考，具体如下：

介绍：简单工厂模式是常用的一种创建型设计模式。简单工厂模式是创建型模式中的一种，不属于GoF23个经典设计模式。

改写后：本文以实例展示JavaScript设计模式中的简单工厂模式。供大家参考，内容如下：

介绍：简单工厂模式是常见的创建型设计模式之一。简单工厂模式不属于GoF的23个经典设计模式，但却是实用的创建型模式。

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

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

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

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

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

1. 存在多个if…else…代码块，代码冗长，阅读困难，维护困难，测试困难，影响系统性能。
2. dialog类职责过重，负责初始化所有弹窗实例，违反了单一职责原则，不利于重用和维护。