JavaScript动态创建div问题怎么保证它的唯一

Question

以下是代码 ，我点击按钮时能创建多个div，现在我要的是只创建一次，第一次创建成功后以后就不创建，或者每次都创建然后把上一次创建的删除，有没有什么方法能做到啊？ 或者有没有什么设计模式可以用在这里的？想了很久都没有思路。

var CreateDiv = function() {

};
CreateDiv.prototype.create = function() {    var Div = document.createElement("div");
    Div.innerHTML="测试";    document.body.appendChild(Div);
};document.getElementById('btn').onclick = function() {
    (new CreateDiv()).create();
};




Answer 1

使用惰性函数（这个方法很巧妙哦~）function createDiv(){  var div = document.createElement("div");   div.innerHTML = "测试";  document.body.appendChild(div);   createDiv = function(){     return div;   }  return div  }使用单例模式（不赘述了，答案里有）