怎么在JavaScript中應(yīng)用單例模式

這篇文章將為大家詳細(xì)講解有關(guān)怎么在JavaScript中應(yīng)用單例模式，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

javascript是一種什么語(yǔ)言

javascript是一種動(dòng)態(tài)類型、弱類型的語(yǔ)言，基于對(duì)象和事件驅(qū)動(dòng)并具有相對(duì)安全性并廣泛用于客戶端網(wǎng)頁(yè)開(kāi)發(fā)的腳本語(yǔ)言，同時(shí)也是一種廣泛用于客戶端Web開(kāi)發(fā)的腳本語(yǔ)言。它主要用來(lái)給HTML網(wǎng)頁(yè)添加動(dòng)態(tài)功能，現(xiàn)在JavaScript也可被用于網(wǎng)絡(luò)服務(wù)器，如Node.js。

1、應(yīng)用場(chǎng)景

  （1）windows的任務(wù)管理器

  （2）多線程的線程池設(shè)計(jì)

  （3）全局緩存

  （4）瀏覽器的window對(duì)象

  （5）登錄頁(yè)面中的浮窗，無(wú)論點(diǎn)擊多少次，浮窗僅僅會(huì)被創(chuàng)建一次，那么這個(gè)button應(yīng)該使用單例模式來(lái)進(jìn)行創(chuàng)建。

2、實(shí)例

單例模式模擬登錄框。

class LoginForm {
    constructor() {
        this.state = 'hide'
    }
    show() {
        if (this.state === 'show') {
            alert('已經(jīng)顯示')
            return
        }
        this.state = 'show'
        console.log('登錄框已顯示')
    }
    hide() {
        if (this.state === 'hide') {
            alert('已經(jīng)隱藏')
            return
        }
        this.state = 'hide'
        console.log('登錄框已隱藏')
    }
}
LoginForm.getInstance = (function () {
    let instance
    return function () {
        if (!instance) {
            instance = new LoginForm();
        }
        return instance
    }
})()
 
// 一個(gè)頁(yè)面中調(diào)用登錄框
let login1 = LoginForm.getInstance()
login1.show()
// login1.hide()
 
// 另一個(gè)頁(yè)面中調(diào)用登錄框
let login2 = LoginForm.getInstance()
login2.show()
 
// 兩者是否相等
console.log('login1 === login2', login1 === login2)

關(guān)于怎么在JavaScript中應(yīng)用單例模式就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。