js 设计模式 ----- 单体模式（二）实际使用

js 设计模式 ----- 单体模式（二）实际使用

一.用一个函数创建div节点，放入到body中， 函数===>专一，创建div

        var CreateDiv = function(html) {

            this.html = html;
            this.init();
        };
        CreateDiv.prototype.init = function() {

            var oDiv = document.createElement("div");
            oDiv.innerHTML = this.html;
            document.body.appendChild(oDiv);
        };
        var proxyMode = (function() {

            var run;
            return function() {

                if (!run) {

                    run = new CreateDiv("这是一个单体");
                }
                return run;
            }

        })();

        proxyMode();

二.点击按钮，无论点击多少下，都只出现一个盒子

  <button id="btn">按钮</button>

    var createDiv = (function(){
        var oDiv;
        return function(){
            if(!oDiv){
                oDiv = document.createElement("div");
                oDiv.innerHTML = "这就是一个格子";
                oDiv.style.display = "none";
                document.body.appendChild(oDiv);
            }
            return oDiv;
        }
    })();

    document.getElementById("btn").onclick = function(){
        var w = createDiv();
        w.style.display = "block";
    }