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" οnclick="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" οnclick="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>
效果图: