JavaScript语言调试技巧

最新推荐文章于 2024-05-31 20:53:12 发布

最新推荐文章于 2024-05-31 20:53:12 发布 · 280 阅读

文章标签：

#JavaScript #调试技巧 #ViewUI

JavaScript 专栏收录该内容

188 篇文章

订阅专栏

本文介绍了三种JavaScript调试方法：使用alert()语句、使用document.write()语句以及使用自定义异常进行调试。通过具体示例展示了如何定位和解决JavaScript编程中的常见问题。

一使用alert()语句进行调试

1、介绍

当程序开发者不能定位程序发生错误引发的异常时，可以采用代码跟踪方式查找错误，这时可以将alert()语句放在程序的不同位置，用它来显示程序中的变量和函数返回值等。

语法：

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()语句进行调试。

语法：

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机制。

语法：

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、运行结果