js笔记--错误处理与调试

 1.错误处理

try{}catch(error){}

与java一样，不同的是catch中必须给错误对象取名，即使不用该错误对象。包含一个共同属性message

finally子句：

无轮try，catch中包含什么代码(包括return)。最后都会执行finally中的代码。

2.错误处理策略

1.在比较时建议使用全等(===)和不全等(!==)

 ==和!=在比较不同类型时会先进行类型转换。可能出现类型转换错误

2.数据类型错误

检测参数类型

	function getQueryString(url){
		if(typeof url == "string"){
			var pos = url.indexOf("?");
			if(pos>-1){
				return url.substring(pos+1);
			}
		}
		return "";
	}

	function reverseSort(values){
		if(values instanceof Array){
			values.sort();
			values.reverse();
		}
	}

3.通信错误

ajax异步请求服务器时，URL或发送 的数据不正确。参数需使用encodeURIComponent()进行编码

	function addQueryStringArg(url,name,value){
		if(url.indexOf("?") == -1){
			url += "?";
		}else{
			url += "&";
		}
		url += encodeURIComponent(name)+"="+encodeURIComponent(value);
		return url;
	}

4.对影响后续代码执行的错误进行异常捕获并处理，保证无关的业务代码模块可以正常运行不受影响

	for(var i=0,len=mods.length;i<len;i++){
		try{
			mods[i].init(); //即使某个模块初始化出错，也不会影响其它模块的初始化
		}catch(ex){

		}
	}

3.调试技术

1.消息输出到控制台，console对象

• error(message)：错误消息 
• info(message)：信息性消息 
• log(message)：一般消息
• warn(message)：警告消息

2.消息记录到当前页面

在页面中开辟一小块区域，用来显示消息

	function log(message){
		var console = document.getElementById("debuginfo");
		if(console === null){
			console = document.createElement("div");
			console.id = "debuginfo";
			console.style.background = "#dedede";
			console.style.border = "1px solid silver"; 
			console.style.padding = "5px";
			console.style.width = "400px";
			console.style.position ="absolute"; 
			console.style.right = "0px";
			console.style.top = "0px";
			document.body.appendChild(console);
		}
		console.innerHTML += "<p>"+message+"</p>";
	}

4.错误事件

任何没有通过try-catch处理的错误都会触发window对象的error事件。在任何Web浏览器中，onerror事件处理程序都不会创建event对象。但它可以接收三个参数：错误消息，错误所在的URL和行号。

要指定onerror事件，必须使用DOM0级技术。

	window.onerror = function(message,url,line){
		console.log(message);
		return false;
	}

	throw new Error("呵呵，出错了!");