A single-case pattern for learning JavaScript design Patterns

1, the core of the singleton mode is to ensure that there is only one instance and provide global access.

2. An inert singleton refers to creating an object instance when needed.

such as creating a unique div in the page general practice

var Creatediv = (function () {
var Div;
return function () {
if (!div) {
div = document.createelement ("div");
Div.style.width= "100px";
div.innerhtml = "FDSAFDSAFDSAFDSA";
Div.style.display = ' None ';
Document.body.appendChild (DIV);
return div;
}
return div;
}
})();

document.getElementById ("btn"). onclick = function () {
var loginlayer = Creatediv ();
Loginlayer.style.display = ' block ';
}

Application of general inertia single case

var getsingle = function (fn) {
var result;
return function () {
return Result | | (Result = Fn.apply (this,arguments));
}
}

var creatediv = function () {
var div = document.createelement ("div");
Div.style.width= "100px";
div.innerhtml = "FDSAFDSAFDSAFDSA";
Document.body.appendChild (DIV);
return div;
}

var createsinglediv = Getsingle (Creatediv);
document.getElementById ("btn"). onclick = function () {
var loginlayer = Createsinglediv ();
Loginlayer.style.display = ' block ';
}

A single-case pattern for learning JavaScript design Patterns