JS错误处理与调试操作实例分析

2023-07-27 06:42:15 67

本文实例讲述了JS错误处理与调试操作。分享给大家供大家参考，具体如下：

JavaScript错误-throw、try和catch

try语句测试代码块的错误。

catch语句处理错误。

throw语句创建自定义错误。

finally语句在try和catch语句之后，无论是否有触发异常，该语句都会执行。

JavaScripttry和catch

try语句允许我们定义在执行时进行错误测试的代码块。

catch语句允许我们定义当try代码块发生错误时，所执行的代码块。

JavaScript语句try和catch是成对出现的。

语法

try{
...//异常的抛出
}catch(e){
...//异常的捕获与处理
}finally{
...//结束处理}

例：

vartxt="";
functionmessage()
{
try{
adddlert("Welcomeguest!");
}catch(err){
txt="本页有一个错误。\n\n";
txt+="错误描述："+err.message+"\n\n";
txt+="点击确定继续。\n\n";
alert(txt);
}
}

finally语句

finally语句不论之前的try和catch中是否产生异常都会执行该代码块。


点我

Throw语句

throw语句允许我们创建自定义错误。

正确的技术术语是：创建或抛出异常（exception）。

如果把throw与try和catch一起使用，那么您能够控制程序流，并生成自定义的错误消息。

语法

throwexception

异常可以是JavaScript字符串、数字、逻辑值或对象。

实例

本例检测输入变量的值。如果值是错误的，会抛出一个异常（错误）。catch会捕捉到这个错误，并显示一段自定义的错误消息：

functionmyFunction(){
varmessage,x;
message=document.getElementById("message");
message.innerHTML="";
x=document.getElementById("demo").value;
try{
if(x=="")throw"值为空";
if(isNaN(x))throw"不是数字";
x=Number(x);
if(x<5)throw"太小";
if(x>10)throw"太大";
}
catch(err){
message.innerHTML="错误:"+err;
}
}

JavaScript调试工具

在程序代码中寻找错误叫做代码调试。

调试很难，但幸运的是，很多浏览器都内置了调试工具。

内置的调试工具可以开始或关闭，严重的错误信息会发送给用户。

有了调试工具，我们就可以设置断点(代码停止执行的位置),且可以在代码执行时检测变量。

浏览器启用调试工具一般是按下F12键，并在调试菜单中选择"Console"。

console.log()方法

如果浏览器支持调试，你可以使用console.log()方法在调试窗口上打印JavaScript值：

实例

a=5;
b=6;
c=a+b;
console.log(c);

设置断点

在调试窗口中，你可以设置JavaScript代码的断点。

在每个断点上，都会停止执行JavaScript代码，以便于我们检查JavaScript变量的值。

在检查完毕后，可以重新执行代码（如播放按钮）。

debugger关键字

debugger关键字用于停止执行JavaScript，并调用调试函数。

这个关键字与在调试工具中设置断点的效果是一样的。

如果没有调试可用，debugger语句将无法工作。

开启debugger，代码在第三行前停止执行。

实例

varx=15*5;
debugger;
document.getElementbyId("demo").innerHTML=x;

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript错误与调试技巧总结》、《JavaScript传值操作技巧总结》、《javascript编码操作技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

JS错误处理与调试操作实例分析

热门推荐

随机推荐