惰性單例

  • 定義
    在需要的時(shí)候創(chuàng)建對象的實(shí)例
  • 惰性單例實(shí)現(xiàn)div浮窗
<body>
<button id="loginBtn">添加浮窗</button>
</body>
<script type="text/javascript">
    let createLoginLayer = (function () {
        let div;
        return function () {
            if(!div){
                div = document.createElement("div");
                div.innerHTML = "展示浮窗";
                div.style.display = "none";
                document.body.appendChild(div);
            }
            return div;
        }
    })();

    let btn = document.getElementById("loginBtn");
    btn.onclick = function () {
        let loginLayer = createLoginLayer();
        loginLayer.style.display = "block";
    }

</script>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 通用的惰性單例一 假設(shè)我們是WebQQ 的開發(fā)人員(網(wǎng)址是web.qq.com),當(dāng)點(diǎn)擊左邊導(dǎo)航里QQ 頭像時(shí),會...
    world_7735閱讀 771評論 0 2
  • 設(shè)計(jì)模式是對語言不足的補(bǔ)充—— Peter Norvig 單例模式的定義是:保證一個(gè)類僅有一個(gè)實(shí)例,并提供一個(gè)訪問...
    羅坤_23333閱讀 2,437評論 0 0
  • 單例模式的定義是 保證一個(gè)類僅有一個(gè)實(shí)例,并提供一個(gè)訪問他的全局訪問點(diǎn)。說明白點(diǎn)就是這個(gè)類只會被創(chuàng)建一次不會隨著你...
    一方天地sq閱讀 371評論 0 0
  • 單例在ng里即service的實(shí)現(xiàn)。 創(chuàng)建一個(gè)通用的惰性單例模式,滿足: 只有一個(gè)實(shí)例 提供全局訪問 符合單一職責(zé)原則
    卡卡卡卡頌閱讀 643評論 0 0
  • 簡單單例 一個(gè)類只有一個(gè)實(shí)例 即使多次實(shí)例化該類,也只返回第一次實(shí)例化后的實(shí)例對象。 1.減少內(nèi)存開銷 2.減少全...
    前端楊肖閱讀 374評論 0 0

友情鏈接更多精彩內(nèi)容