JavaScript try...catch throw

最新推荐文章于 2024-07-21 17:06:59 发布

laj12347

最新推荐文章于 2024-07-21 17:06:59 发布

阅读量755

点赞数

分类专栏： JavaScript初阶

本文链接：https://blog.csdn.net/laj12347/article/details/8561269

版权

JavaScript初阶专栏收录该内容

4 篇文章 0 订阅

订阅专栏

异常捕捉对于javascript调试来说非常的重要.方式有try-catch 和 onerror,但chrome、opera 和 safari 浏览器不支持 onerror 事件。所以forget it .

 
    var log = function (msg) {  
         document.getElementById("log")  
             .appendChild(document.createTextNode(msg + "\n"));  
     }

 var getXhrObject = function () {  
         try {  
             var options = [  
                 function () { return new XMLHttpRequest() },  
                 function () { return new ActiveXObject("Microsoft.XMLHTTP") },  
                 function () { return new ActiveXObject("Msxml2.XMLHTTP.6.0") }  
             ];  
   
             for (var i = 0, il = options.length; i < il; i++) {  
                 try { return options[i]() } catch(e) {}  
             }  
         } catch(e) {  
             log("Could not get XHR object."+ (typeof(e) === "object" ? e.message : e));  
         }  
     }  
 
   
 
  
 
   
  
  
<html>
<body>
<script type="text/javascript">
var x=prompt("Enter a number between 0 and 10:","")
try
{ 
	if(x>20) 
	throw "Err1"
	else if(x<10)
	throw "Err2"
} 
catch(er)
{
	if(er=="Err1") 
	alert("Error! The value is too high")
	if(er == "Err2") 
	alert("Error! The value is too low") 
}
</script>
</body>
</html>
 try...catch 的作用是测试代码中的错误。
 有两种在网页中捕获错误的方法：
 (1)使用 try...catch 语句。(在 IE5+、Mozilla 1.0、和 Netscape 6 中可用) 
 (2)使用 onerror 事件。这是用于捕获错误的老式方法。(Netscape 3 以后的版本可用)
 Try...Catch 语句: 可以测试代码中的错误。try 部分包含需要运行的代码，而 catch 部分包含错误发生时运行的代码。
 语法：
 
      
    
try
 {
    //在此运行代码
 }
 catch(err)
 {
    //在此处理错误
 } 
      
    
 注意：try...catch 使用小写字母。大写字母会出错。
 举例如下：
 
 
      
    
<html>
 <head>
 <script type="text/javascript">
 var txt="";
 function message()
 {
 try
   {
       alerty("欢迎您!") //误写成alerty，trycatch捕捉错误
   }
 catch(err)
   {
      txt="此页面存在一个错误。\n\n";
      txt+="错误描述: " + err.description + "\n\n";
      txt+="点击OK继续。\n\n";
      alert(txt);
   }
 }
 </script>
 </head>
 <body>
 <input type="button" value="点击我" onclick="message()" />
 </body>
 </html> 
      
    
 throw 声明的作用是创建 exception（异常或错误）。
 这个声明与try...catch 声明配合使用，以达到控制程序流并产生精确错误消息的目的。
 语法：throw(exception)
 exception 可以是字符串、整数、逻辑值或者对象。
 举例如下：如果 x 的值大于 10 或者小于 0，错误就会被抛出 (throw)。这个错误被 catch 的参数捕获后，就会显示出自定义的出错信息。
 
      
    
<html>
 <body>
 <script type="text/javascript">
 var x=prompt("Enter a number between 0 and 10:","")
 try
 { 
    if(x>20) 
    throw "Err1"
    else if(x1<10)
    throw "Err2"
 } 
 catch(er)
 {
    if(er=="Err1") 
    alert("Error! The value is too high")
    if(er == "Err2") 
    alert("Error! The value is too low") 
 }
 </script>
 </body>
 </html> 
      
    
onerror 事件：
 Javascript的异常处理机制和window.onerror句柄 当javascript代码中出现错误的时候，js引擎就会根据js的调用栈逐级寻找对应的catch，如果没有找到相应的catch handler或catch handler本身又有error或者又抛出新的error，最后就会把这个error的处理交给浏览器，浏览器会用各自不同的方式（IE以黄色三角图案显示在左下角，而firefix会显示在错误控制台中）显示错误信息给访问者。很多场景下，我们会觉得这种错误提示方式不够友好，而且提示信息很隐蔽，那么我们机会自定义这种错误提示的方式吗？答案是有，就是window.onerror属性。
 javascript的window对象有一个特别的属性onerror，如果你将某个function赋值给window的onerror属性，那么但凡这个window中有javascript错误出现，该function都会被调用，也就是说这个function会成为这个window的错误处理句柄。
如果需要利用 onerror 事件，就必须创建一个处理错误的函数。你可以把这个函数叫作 onerror 事件处理器 (onerror event handler)。这个事件处理器使用三个参数来调用：msg（错误消息）、url（发生错误的页面的 url）、line（发生错误的代码行）。
语法：
οnerrοr=handleErrfunction handleErr(msg,url,l)
{
    //Handle the error here
    return true or false
}
浏览器是否显示标准的错误消息，取决于 onerror 的返回值。如果返回值为 false，则在控制台 (JavaScript console) 中显示错误消息。反之则不会。
举例如下：
 
      
    
<html>
 <head>
 <script type="text/javascript">
 onerror=handleErr
 var txt=""
 function handleErr(msg,url,l)
 {
   txt="There was an error on this page.\n\n"
   txt+="Error: " + msg + "\n"
   txt+="URL: " + url + "\n"
   txt+="Line: " + l + "\n\n"
   txt+="Click OK to continue.\n\n"
   alert(txt)
   return true
 }
 function message()
 {
   adddlert("Welcome guest!")//没有此方法
 }
 </script>
 </head>
 <body>
 <input type="button" value="点击我" onclick="message()" />
 </body>
 </html>

laj12347

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript try...catch throw

异常捕捉对于javascript调试来说非常的重要.方式有try-catch 和 onerror,但chrome、opera 和 safari 浏览器不支持 onerror 事件。所以forget it .var log = function (msg) { document.getElementById("log")
复制链接

扫一扫

专栏目录