溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了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中工廠模式的定義與實現方法有進一步的了解，如果還想學習更多內容，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
