4.5惰性单例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button id="loginBtn">登录</button>
<script>
var createLoginLayer = (function(){
var div;
return function(){
if(!div){
var div = document.createElement("div");
div.innerHTML = "我是登录浮窗"
div.style.display = 'none'
document.body.appendChild(div)
}
return div
}
})()
document.getElementById( 'loginBtn' ).onclick = function(){
var loginLayer = createLoginLayer();
loginLayer.style.display = 'block';
};
</script>
</body>
</html>