JavaScript try...catch...finally
示例
此示例在 try 块中有一个拼写错误。Alert 拼写错误。
catch 块捕获错误并执行代码来处理它。
<p id="demo"></p>
<script>
try {
adddlert("欢迎访客！");
}
catch(err) {
document.getElementById("demo").innerHTML = err.message;
}
</script>
自己动手试一试 »
更多示例见下文。
描述
当发生 错误 时，JavaScript 将 停止 并生成错误消息。
注意
这在技术上的术语是：JavaScript 抛出异常。
JavaScript 创建一个具有两个属性的 错误对象：name 和 message。
try...catch...finally 语句组合可在不停止 JavaScript 的情况下处理错误。
try 语句定义要运行（尝试）的代码块。
catch 语句定义一个代码块来处理任何错误。
finally 语句定义一个代码块，无论结果如何都将运行。
throw 语句定义一个自定义错误。
catch 和 finally 都是可选的，但您必须使用其中一个。
注意
将 throw 与 try 和 catch 结合使用，可以控制程序流并生成自定义错误消息。
另请参阅
语法
try {
tryCode - 要运行的代码块
}
catch(err) {
catchCode - 处理错误的代码块
}
finally {
finallyCode - 无论 try 结果如何都将执行的代码块
}
参数
| 参数 | 描述 |
| tryCode | 必需。 执行时要测试的代码块。 |
| err | 错误对象的本地引用。 |
| catchCode | 可选。 发生错误时要执行的代码块。 |
| finallyCode | 可选。 无论 try 结果如何都将执行的代码块 |
更多示例
此示例检查输入。
如果值错误，则会抛出异常 (err)
<p>请输入 5 到 10 之间的数字:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">测试输入</button>
<p id="message"></p>
<script>
function myFunction() {
const message = document.getElementById("message");
message.innerHTML = "";
let x = document.getElementById("demo").value;
try {
if(x == "") throw "为空";
if(isNaN(x)) throw "不是数字";
if(x > 10) throw "过高";
if(x < 5) throw "过低";
}
catch(err) {
message.innerHTML = "输入 " + err;
}
}
</script>
自己动手试一试 »
finally 语句执行代码，无论 try 结果如何。
function myFunction()
const message = document.getElementById("message");
message.innerHTML = "";
let x = document.getElementById("demo").value;
try {
if(x == "") throw "空";
if(isNaN(x)) throw "不是数字";
if(x > 10) throw "过高";
if(x < 5) throw "过低";
}
catch(err) {
message.innerHTML = "错误: " + err + ".";
}
finally {
document.getElementById("demo").value = "";
}
}
自己动手试一试 »
浏览器支持
try...catch 是 ECMAScript3 (ES3) 的一个特性。
ES3 (JavaScript 1999) 在所有浏览器中都得到完全支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 是 |
