• try 语句测试代码块的错误。
  • catch 语句处理错误。
  • throw 语句创建自定义错误。
  • finally 语句在 try 和 catch 语句之后，无论是否有触发异常，该语句都会执行。

JavaScript 错误

当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误。

  • 可能是语法错误，通常是程序员造成的编码错误或错别字。
  • 可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）。
  • 可能是由于来自服务器或用户的错误输出而导致的错误。
  • 当然，也可能是由于许多其他不可预知的因素。

抛出（throw）错误

当错误发生时，当事情出问题时，JavaScript 引擎通常会停止，并生成一个错误消息。
描述这种情况的技术术语是：JavaScript 将抛出一个错误。

try 和 catch

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

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

  1. try {
  2.     ...    //异常的抛出
  3. } catch(e) {
  4.     ...    //异常的捕获与处理
  5. } finally {
  6.     ...    //结束处理
  7. }
  1. var txt=""; 
  2. function message() 
  3. { 
  4.     try { 
  5.         adddlert("Welcome guest!"); 
  6.     } catch(err) { 
  7.         txt="本页有一个错误。\n\n"; 
  8.         txt+="错误描述：" + err.message + "\n\n"; 
  9.         txt+="点击确定继续。\n\n"; 
  10.         alert(txt); 
  11.     } 
  12. }

image.png

finally 语句

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

  1. <body>
  2. <p>不管输入是否正确，输入框都会再输入后清空。</p>
  3. <p>请输入 5 ~ 10 之间的数字：</p>
  5. <input id="demo" type="text">
  6. <button type="button" onclick="myFunction()">点我</button>
  8. <p id="p01"></p>
  10. <script>
  11. function myFunction() {
  12.   var message, x;
  13.   message = document.getElementById("p01");
  14.   message.innerHTML = "";
  15.   x = document.getElementById("demo").value;
  16.   try { 
  17.     if(x == "") throw "值是空的";
  18.     if(isNaN(x)) throw "值不是一个数字";
  19.     x = Number(x);
  20.     if(x > 10) throw "太大";
  21.     if(x < 5) throw "太小";
  22.   }
  23.   catch(err) {
  24.     message.innerHTML = "错误: " + err + ".";
  25.   }
  26.   finally {
  27.     document.getElementById("demo").value = "";
  28.   }
  29. }
  30. </script>
  32. </body>

image.png

throw 语句

throw语句允许我们创建自定义错误。
正确的技术术语是：创建或抛出异常（exception）。
如果把 throw 与 try 和 catch 一起使用，那么能够控制程序流，并生成自定义的错误消息。

语法：throw exception
异常可以是 JavaScript 字符串、数字、逻辑值或对象。

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

  1. function myFunction() {
  2.     var message, x;
  3.     message = document.getElementById("message");
  4.     message.innerHTML = "";
  5.     x = document.getElementById("demo").value;
  6.     try { 
  7.         if(x == "")  throw "值为空";
  8.         if(isNaN(x)) throw "不是数字";
  9.         x = Number(x);
  10.         if(x < 5)    throw "太小";
  11.         if(x > 10)   throw "太大";
  12.     }
  13.     catch(err) {
  14.         message.innerHTML = "错误: " + err;
  15.     }
  16. }

请注意，如果 getElementById 函数出错，上面的例子也会抛出一个错误。