这篇文章主要讲解了JS中工厂模式的定义与实现方法,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。
公司主营业务:网站设计、成都做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联公司推出德宏州免费做网站回馈大家。
前言
上次我们介绍了单例模式,没看过的小伙伴可以看这个链接:
浅析 JS 设计模式之:单例模式
今天来说一说一种常见的设计模式:工厂模式。
工厂模式是一种创建对象的 创建型模式,遵循 DRY(Don't Repeat Yourself)原则。在该模式下,代码将会根据具体的输入或其他既定规则,自行决定创建哪种类型的对象。简单点儿说就是,动态返回需要的实例对象。
让我们继续使用单例模式中的例子,一个日志工具 Logger :
class Logger { log (...args) { console.log(...args); } }
上面是最核心的 api,每次使用都需要使用 new Logger()
来创建一个 logger 对象,然后使用方法就和 console
一样啦~
假如我们现在的代码要支持 electron环境,即日志既可以是 console 日志,也可以是 file 日志,那么我们就需要有两种类型的 logger:
// logger/console.js class ConsoleLogger { log (...args) { console.log(...args) } } export default ConsoleLogger
// logger/file.js class FileLogger { log (...args) { dumpLog(...args) } } export default FileLogger
这里先不用管 dumpLog
的具体实现,只用知道它就是将日志写在文件中的即可~
我们已经有了两种类型的 logger,但是这两种 logger 的 api 实际上都是一样的,在项目中直接导入当然也可以使用,只不过每次都要导入对应类型的模块,然后再使用,像下面这样:
使用 console logger
import ConsoleLogger from './logger/console' const logger = new ConsoleLogger()
使用 file logger
import FileLogger from './logger/file' const logger = new FileLogger()
是不是很繁琐?如果还有其他 logger 类型,如远程日志,就会出现更多种使用方式了。为了把 logger 模块的使用方式统一,这时候就会用到工厂模式啦~
让我们新建一个 index.js
:
// logger/index.js import ConsoleLogger from './console.js' import FileLogger from './file.js' function createLogger(type = 'console') { if (type === 'console') { return new ConsoleLogger() } else if (type === 'file') { return new FileLogger() } throw new Error(`Logger type not found: ${type}`) } export default createLogger
好了,这下我们的使用方式就会变成这样:
import createLogger from './logger' // console logger const logger1 = createLogger('console') // file logger const logger2 = createLogger('file')
上面的 if else 不是很优雅?如果有更多中 logger 类型添加起来很麻烦?那我们可以使用对象来映射一下,从而抛弃 if else,同时添加一个 logger 选项。
// logger/index.js import ConsoleLogger from './console.js' import FileLogger from './file.js' const loggerMap = { console: ConsoleLogger, file: FileLogger } // 可选参数一般放在最后面 function createLogger(options, type = 'console') { const Logger = loggerMap[type] if (Logger) { return new Logger(options) } throw new Error(`Logger type not found: ${type}`) }
上面这种封装的方式,其实也符合SOLID
原则中的开闭原则
,即 对扩展开放,对修改关闭,每当我们添加一种logger
类型时,只需要新增一个文件,然后将构造器注册进loggerMap
中即可。而外面的使用方式都是不变的,这样就用最少的修改完成了功能的新增,是不是很棒呀~
下面我们来回顾一下工厂模式的优点:
看完上述内容,是不是对JS中工厂模式的定义与实现方法有进一步的了解,如果还想学习更多内容,欢迎关注创新互联行业资讯频道。