[JavaScript知识库] javascript惰性模式，一种是加载时损失性能，另一种是调用损失性能

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> javascript惰性模式，一种是加载时损失性能，另一种是调用损失性能 -> 正文阅读

[JavaScript知识库]javascript惰性模式，一种是加载时损失性能，另一种是调用损失性能

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button id="reg">点击</button>
		<script language="javascript">
		var A=A||{};
		//第一种加载损失性能，但调用时不损失性能
		A.on=function(dom,type,fn){
			if(document.addEventListener){
				return function(dom,type,fn){
					dom.addEventListener(type,fn,false);
				}
			}else if(document.attachEvent){
				return function(dom,type,fn){
					dom.attachEvent('on'+type,fn);
				}
			}else{
				return function(dom,type,fn){
					dom['on'+type]=fn;
				}
			}
		}();
		//第二种是加载时不损失性能，但调用时损失性能
		A.onon=function(dom,type,fn){
			if(dom.addEventListener){
				A.onon=function(dom,type,fn){
					dom.addEventListener(type,fn,false);
				}
			}else if(dom.attachEvent){
				A.onon=function(dom,type,fn){
					dom.attachEvent('on'+type,fn);
				}
			}else{
				A.onon=function(dom,type,fn){
					dom['on'+type]=fn;
				}
			}
			A.onon(dom,type,fn);
		};
		//第一种加载损失性能，但调用时不损失性能
		var createXHR=(function(){
			if(typeof XMLHttpRequest!='undefined'){
				return function(){
					return new XMLHttpRequest();
				};
			}else if(typeof ActiveXObject!='undefined'){
				return function(){
					return new ActiveXObject();
				}
			}else{
				return function(){
					throw new Error("No XHR object available.");
				};
			}
		})();
		//第二种是加载时不损失性能，但调用时损失性能
		function createXHRR(){
			if(typeof XMLHttpRequest!='undefined'){
				createXHRR=function(){
					return new XMLHttpRequest();
				};
			}else if(typeof ActiveXObject!='undefined'){
				createXHRR=function(){
					return new ActiveXObject();
				};
			}else{
				createXHRR=function(){
					throw new Error('XHR对象建立不成功。');
				};
			}
			return createXHRR();
		}
		var xhr=new createXHR();
		xhr.onreadystatechange=function(){
			if(xhr.readyState==4){
				if((xhr.status>=200&&xhr.status<300)||xhr.status==304){
					console.log(xhr.responseText);
				}else{
					console.log('获取数据不成功：'+xhr.status);
				}
			}
		};
		xhr.open('get','example.txt',true);
		xhr.send();
		
		var xhr2=new createXHR();
		xhr2.onreadystatechange=function(){
			if(xhr2.readyState==4){
				if((xhr2.status>=200&&xhr.status<300)||xhr2.status==304){
					console.log(xhr2.responseText);
				}else{
					console.log('获取数据不成功：'+xhr2.status);
				}
			}
		};
		xhr2.open('get','example.txt',true);
		xhr2.send();
		var btn=document.getElementById('reg');
		A.onon(btn,'click',function(){
			alert('11');
		});
		</script>
	</body>
</html>