JavaScript语言调试技巧

一 使用alert()语句进行调试
1、介绍
当程序开发者不能定位程序发生错误引发的异常时,可以采用代码跟踪方式查找错误,这时可以将alert()语句放在程序的不同位置,用它来显示程序中的变量和函数返回值等。
语法:
<script language="javascript">
alert();
</script>
alert():弹出对话框方法。
2、代码
<script language="javascript">
function alertTest()
{
	alert("开始");
	var a=1;
	var b=2;
	alert("执行");
	alert(a+b);
	alert("结束");
}
alertTest();
</script>
 
 
3、运行结果



 

 

 
4、运行说明
这种方式的缺点是在代码中嵌入太多alert()语句,当调试结束时,删除这些alert()语句将是一个庞大的工程。
 
二 使用write()语句进行调试
1、介绍
有时程序员希望将所有的调试信息以列表的方式放置在页面中,这时可以使用write()语句进行调试。
语法:
<script language="javascript">
document.write();
</script>
write():将信息写入页面中的方法。
 
2、代码
<script language="javascript">
function alertTest()
{
	document.write("开始");
	var a=1;
	var b=2;
	document.write ("执行");
	document.write (a+b);
	document.write ("结束");
}
alertTest();
</script>
 
3、运行结果
开始执行3结束
 
三 使用抛出自定义异常消息进行调试
1、介绍
抛出自定义异常是调试JavaScript代码的最佳途径。其使用了try...catch...finally语句及throw机制。
语法:
<script language="javascript">
try
{
  throw(somestatements);
}catch(exception){
alert(exception.message);
</script>
throw:抛出自定义异常关键字。
alert():弹出对话框方法。
 
2、代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>抛出自定义异常</title>
<script language="javascript">
function test(num1,num2)
{
 	try
 	{
 		if(arguments.length<2)
 		{  //如果参数个数小于两个
 			throw new Error("参数个数不够"); //抛出异常
 		}
 		if(num1/num2=="Infinity")
 		{ //第二个参数为0
	 		throw new Error("被除数不可以为0") //抛出异常
 		}
 	}
 	catch(exception)
 	{
 		alert(exception.message);  //在catch区域弹出异常提示信息
 	}
}
</script>
</head>
<body>
<script language="javascript">
test(1); //在body区域调用函数
test(1,0);
</script>
</body>
</html>
 
3、运行结果


 


 

猜你喜欢

转载自cakin24.iteye.com/blog/2355516