JavaScript try...catch throw

来源：互联网发布：ubuntu系统输入法编辑：程序博客网时间：2024/05/16 03:12

异常捕捉对于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（发生错误的代码行）。
语法：
onerror=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>