HLG随笔

Appearance

本文总阅读量 次

基础闭包模式 ​

HTML ​

HTMl
<html>
    <body>
        <button  id="loginBtn">登录<button>
    </body>
</html>

JS ​

JS
var  getSingle  =  function  (fn)  {
    var  result;
    return  function  ()  {
        return  result  ||  (result  =  fn.apply(this,  arguments));
    }
};

var  createLoginLayer  =  function  ()  {
    var  div  =  document.createElement('div');
    div.innerHTML  =  '我是登录浮窗';
    div.style.display  =  'none';
    document.body.appendChild(div);
    return  div;
};

var  createSingleLoginLayer  =  getSingle(createLoginLayer);

document.getElementById('loginBtn').onclick  =  function  ()  {
    var  loginLayer  =  createSingleLoginLayer();
    loginLayer.style.display  =  'block';
};