JavaScript 错误 - throw、try 和 catch

来自CloudWiki
跳转至: 导航搜索

JavaScript 错误

  • 当 JavaScript 引擎执行 JavaScript 代码时,会发生各种错误。
  • 可能是语法错误,通常是程序员造成的编码错误或错别字。
  • 可能是拼写错误或语言中缺少的功能(可能由于浏览器差异)。
  • 可能是由于来自服务器或用户的错误输出而导致的错误。
  • 当然,也可能是由于许多其他不可预知的因素。

JavaScript 抛出(throw)错误

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


JavaScript try 和 catch

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

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

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

  • 语法:
try {
 //在这里运行代码
} catch(err) {
 //在这里处理错误
}
  • 实例:
  • 在下面的例子中,我们故意在 try 块的代码中写了一个错字。
  • catch 块会捕捉到 try 块中的错误,并执行代码来处理它。
<!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>菜鸟教程(runoob.com)</title>
 <script>
   var txt="";
   function message(){
	try {
		adlert("Welcome guest!");
	}
	catch(err) {
		txt="本页有一个错误。\n\n";
		txt+="错误描述:" + err.message + "\n\n";
		txt+="点击确定继续。\n\n";
		alert(txt);
	}
   }
 </script>
 </head>
 <body>

  <input type="button" value="查看消息" onclick="message()" />

 </body>
 </html>

Throw 语句

  • throw 语句允许我们创建自定义错误。
  • 正确的技术术语是:创建或抛出异常(exception)。
  • 如果把 throw 与 try 和 catch 一起使用,那么您能够控制程序流,并生成自定义的错误消息
  • 语法:
throw exception
  • 实例;
<!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>菜鸟教程(runoob.com)</title>
 </head>
 <body>

 <p>请输出一个 5 到 10 之间的数字:</p>

 <input id="demo" type="text">
 <button type="button" onclick="myFunction()">测试输入</button>
 <p id="message"></p>

 <script>
  function myFunction() {
    var message, x;
    message = document.getElementById("message");
    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>

下一节 JavaScript 调试