在JavaScript中利用throw语句和try、cache语
2020-08-18 本文已影响0人
大海龟啦啦啦
try 语句允许您定义一个代码块，以便在执行时检测错误。
catch 语句允许你定义一个要执行的代码块，如果 try 代码块中发生错误。
JavaScript 语句 try 和 catch 成对出现。
当发生错误时，JavaScript 通常会停止并产生错误消息。
技术术语是这样描述的：JavaScript 将抛出异常（抛出错误）。
JavaScript 实际上会创建带有两个属性的 Error 对象：name 和 message。
如果把 throw 与 try 和 catch 一同使用，就可以控制程序流并生成自定义错误消息。
<!DOCTYPE html>
<html>
<body>
<p>请输入 5 到 10 之间的数字：</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">检测输入</button>
<p id="p01"></p>
<script>
function myFunction() {
var message, x;
message = document.getElementById("p01");
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;
}
}
</script>
</body>
</html>
将此代码复制粘贴进一个test.html，用浏览器打开则有显示，可以在输入框中输入
最后输入数字8，处于5到10之间，没问题才不会报错。
