javascript设计模式阅读后的感悟与总结

 1   var getSingle = function (fn) {
 2     var result;
 3     return function () {
 4       return result || (result = fn.apply(this, arguments));
 5     };
 6   };
 7   //创建登陆div
 8   var createSingletonLoginLayer = getSingle(function () {
 9     var div = document.createElement(‘div‘);
10     div.innerHTML = ‘我是悬浮窗‘;
11     div.style.display = ‘none‘;
12     document.body.appendChild(div);
13     return div;
14   });
15 
16   document.getElementById(‘loginBtn‘).onclick = function () {
17     var loginLayer = createSingletonLoginLayer();
18     loginLayer.style.display = ‘block‘;
19   };
20   //创建iframe
21   var createSingleIframe = getSingle(function () {
22     var iframe = document.createElement(‘iframe‘);
23     document.body.appendChild(iframe);
24     return iframe;
25   });
26 
27   document.getElementById(‘loginBtn2‘).onclick = function () {
28     var loginLayer = createSingleIframe();
29     loginLayer.src = ‘http://baidu.com‘;
30   };