JavaScript 错误 - Throw、Try 和 Catch

来源：互联网发布：爱淘宝红包怎么推广编辑：程序博客网时间：2024/05/18 02:23

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

catch 语句处理错误。

throw 语句创建自定义错误。

JavaScript 测试和捕捉（try和catch）

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

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

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

语法

try  {  //在这里运行代码  }catch(err)  {  //在这里处理错误  }

实例

在下面的例子中，我们故意在 try 块的代码中写了一个错字。

catch 块会捕捉到 try 块中的错误，并执行代码来处理它。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><input type="button" onclick="message()" value="查看消息"><script>var txt="";function message(){try{adddlert("hallo!");}catch(err){txt = "本页有个错误。\n\n";txt += "错误描述：" + err.message + "\n\n";txt += "点击确认继续。\n\n";alert(txt);}}</script></body></html>

效果图：

Throw 语句

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

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

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

语法

throw exception

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

实例

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><p>请输入5到10之间的数字：</p><input type="text" id="demo"><button type="button" onclick="myfunction()">确认</button><p id="mess"></p><script>function myfunction(){try{var x = document.getElementById("demo").value;if(x == "") throw "不为空！";if(isNaN(x)) throw "不是数字";if(x < 5) throw "值小于5！";if(x > 10) throw "值大10了！";}catch(err){var y=document.getElementById("mess");y.innerHTML = "错误：" + err +"。";}}</script></body></html>

效果图：