概念
單例模式：指在確保一個(gè)類只有一個(gè)實(shí)例，創(chuàng)建之后緩存以便繼續(xù)使用，并提供一個(gè)全局訪問點(diǎn)來訪問該實(shí)例；
前端對(duì)于單例模式不常用，但對(duì)于單例的思想無處不在；
如：彈窗、遮罩層、登錄框、vuex redux 中的 store；
TypeScript
class Singleton {
name: string
// 禁止外部實(shí)例化
private constructor(name: string) {
this.name = name
}
private static insatance: Singleton | null // 單例對(duì)象
static getInstance(name: string): Singleton {
if (Singleton.insatance == null) {
Singleton.insatance = new Singleton(name)
}
return Singleton.insatance
}
}
const p1 = Singleton.getInstance('a')
const p2 = Singleton.getInstance('b') // 返回 p1
console.log(p1 === p2) // true
JavaScript
閉包：文章來源：http://www.zghlxwxcb.cn/news/detail-576552.html
function genGetInstance() {
let instance // 閉包
class Singleton{}
return () => {
if (instance == null) {
instance = new Singleton()
}
return instance
}
}
const getInstance = genGetInstance()
const s1 = getInstance()
const s2 = getInstance()
console.log(s1 === s2) // true
模塊化：文章來源地址http://www.zghlxwxcb.cn/news/detail-576552.html
let instance
class Singleton {}
export default () => {
if (instance == null) {
instance = new Singleton()
}
return instance
}
到了這里，關(guān)于設(shè)計(jì)模式 ~ 單例模式的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
