console 命令行工具 X clear

console

var getSingle = function(fn){
			var result;
			return function(){
				// console.log(arguments)
				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';
		}
        //原始模型
       // var createloginLayer = (function(){
		// 	var div;
		// 	return function(){
		// 		if(!div){
		// 			div = document.createElement('div');
		// 			div.innerHTML = '我是登陆浮窗';
		// 			div.style.display = 'none';
		// 			document.body.appendChild(div)
		// 		}
		// 		return div
		// 	}
		// })();

		// console.warn(createloginLayer)
		// document.getElementById("loginBtn").onclick = function(){
		// 	var loginLayer = createloginLayer();
		// 	loginLayer.style.display = 'block';
		// }

        //登陆时创建浮窗
		// var createloginLayer = function(){
		// 	var div = document.createElement('div');
		// 	div.innerHTML = '我是登陆浮窗';
		// 	div.style.display = 'none';
		// 	document.body.appendChild(div);
		// 	return div
		// }
		// // console.log(loginLayer)
		// document.getElementById('loginBtn').onclick = function(){
		// 	var loginLayer = createloginLayer();
		// 	loginLayer.style.display = 'block';
		// }

<html>
    <head></head>
    <body>
        <div>
            <button id="loginBtn">登陆</button>
        </div>
</body>
</html>