JS 设计模式之：工厂模式定义与实现方法浅析
本文实例讲述了JS设计模式之：工厂模式定义与实现方法。分享给大家供大家参考，具体如下：
前言
上次我们介绍了单例模式，没看过的小伙伴可以看这个链接：
浅析JS设计模式之：单例模式
今天来说一说一种常见的设计模式：工厂模式。
工厂模式是一种创建对象的创建型模式，遵循DRY（Don'tRepeatYourself）原则。在该模式下，代码将会根据具体的输入或其他既定规则，自行决定创建哪种类型的对象。简单点儿说就是，动态返回需要的实例对象。
回顾上次的例子
让我们继续使用单例模式中的例子，一个日志工具Logger：
classLogger{
log(...args){
console.log(...args);
}
}
上面是最核心的api，每次使用都需要使用newLogger()来创建一个logger对象，然后使用方法就和console一样啦~
多种Logger
假如我们现在的代码要支持electron环境，即日志既可以是console日志，也可以是file日志，那么我们就需要有两种类型的logger：
ConsoleLogger
//logger/console.js
classConsoleLogger{
log(...args){
console.log(...args)
}
}
exportdefaultConsoleLogger
FileLogger
//logger/file.js
classFileLogger{
log(...args){
dumpLog(...args)
}
}
exportdefaultFileLogger
这里先不用管dumpLog的具体实现，只用知道它就是将日志写在文件中的即可~
使用工厂
我们已经有了两种类型的logger，但是这两种logger的api实际上都是一样的，在项目中直接导入当然也可以使用，只不过每次都要导入对应类型的模块，然后再使用，像下面这样：
使用consolelogger
importConsoleLoggerfrom'./logger/console' constlogger=newConsoleLogger()
使用filelogger
importFileLoggerfrom'./logger/file' constlogger=newFileLogger()
是不是很繁琐？如果还有其他logger类型，如远程日志，就会出现更多种使用方式了。为了把logger模块的使用方式统一，这时候就会用到工厂模式啦~
让我们新建一个index.js：
//logger/index.js
importConsoleLoggerfrom'./console.js'
importFileLoggerfrom'./file.js'
functioncreateLogger(type='console'){
if(type==='console'){
returnnewConsoleLogger()
}elseif(type==='file'){
returnnewFileLogger()
}
thrownewError(`Loggertypenotfound:${type}`)
}
exportdefaultcreateLogger
好了，这下我们的使用方式就会变成这样：
importcreateLoggerfrom'./logger'
//consolelogger
constlogger1=createLogger('console')
//filelogger
constlogger2=createLogger('file')
重构一下
上面的ifelse不是很优雅？如果有更多中logger类型添加起来很麻烦？那我们可以使用对象来映射一下，从而抛弃ifelse，同时添加一个logger选项。
//logger/index.js
importConsoleLoggerfrom'./console.js'
importFileLoggerfrom'./file.js'
constloggerMap={
console:ConsoleLogger,
file:FileLogger
}
//可选参数一般放在最后面
functioncreateLogger(options,type='console'){
constLogger=loggerMap[type]
if(Logger){
returnnewLogger(options)
}
thrownewError(`Loggertypenotfound:${type}`)
}
上面这种封装的方式，其实也符合SOLID原则中的开闭原则，即对扩展开放，对修改关闭，每当我们添加一种logger类型时，只需要新增一个文件，然后将构造器注册进loggerMap中即可。而外面的使用方式都是不变的，这样就用最少的修改完成了功能的新增，是不是很棒呀~
总结
下面我们来回顾一下工厂模式的优点：
- 动态创建对象：可以用于需要在运行时确定对象类型的情况。
- 抽象：封装了对象创建的细节，用户不会接触到对象的构造器，只需要告诉工厂需要哪种对象。
- 可用性/可维护性：将相似的对象用一个工厂管理，提供统一的创建接口，满足开闭原则，使我们可以轻松添加多种类型的对象，而无需修改大量代码。
好啦~！工厂模式就介绍到这里啦~下次我们讲一讲装饰器模式~
参考内容
- JavaScriptObjectOrientedPatterns:FactoryPattern
- 《JavaScript设计模式》
- 《JavaScript面向对象编程指南》
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。