【轉】JS中的異常處理方法分享

js容錯語句,就是js出錯也不提示錯誤（防止浏覽器右下角有個黃色的三角符号，要不使用者體驗不好）

window.οnerrοr=function(){return true;} 
           

下面是為了擷取js異常資訊，友善開發者找到問題的方法：

1. try...catch...

<script type="text/javascript">
var txt=""
function message()
{
try
   {
   adddlert("Welcome guest!")
   }
catch(err)
   {
     txt="本頁中存在錯誤。\n\n"
     txt+="點選“确定”繼續檢視本頁，\n"
     txt+="點選“取消”傳回首頁。\n\n"
     if(!confirm(txt))
         {
         document.location.href="/index.html" target="_blank" rel="external nofollow" 
         }
   }
}
</script>
           

2. throw

<script type="text/javascript">
var x=prompt("請輸入 0 至 10 之間的數：","")
try
{
if(x>10)
  throw "Err1"
else if(x<0)
  throw "Err2"
else if(isNaN(x))
  throw "Err3"
}
catch(er)
{
if(er=="Err1")
  alert("錯誤！該值太大！")
if(er == "Err2")
  alert("錯誤！該值太小！")
if(er == "Err3")
  alert("錯誤！該值不是數字！")
}
</script>
           

3. onerror

<script type="text/javascript">
οnerrοr=handleErr
var txt=""
function handleErr(msg,url,l)
{
txt="本頁中存在錯誤。\n\n"
txt+="錯誤：" + msg + "\n"
txt+="URL: " + url + "\n"
txt+="行：" + l + "\n\n"
txt+="點選“确定”繼續。\n\n"
alert(txt)
return true
}

function message()
{
adddlert("Welcome guest!")
}
</script>
           

js中的異常處理

在JavaScript可以使用try...catch來進行異常處理。例如：   

try { foo.bar();} catch (e) { alert(e.name + ": " + e.message);} 

目前我們可能得到的系統異常主要包含以下6種:

• EvalError: raised when an error occurs executing code in eval()  
• RangeError: raised when a numeric variable or parameter is outside of its valid range  
• ReferenceError: raised when de-referencing an invalid reference  
• SyntaxError: raised when a syntax error occurs while parsing code in eval()  
• TypeError: raised when a variable or parameter is not a valid type  
• URIError: raised when encodeURI() or decodeURI() are passed invalid parameters  

上面的六種異常對象都繼承自Error對象。他們都支援以下兩種構造方法: 

new Error();new Error("異常資訊"); 
           

手工抛出異常的方法如下：

try { 
throw new Error("Whoops!");}
catch (e) { 
alert(e.name + ": " + e.message);} 
           

如要判斷異常資訊的類型，可在catch中進行判斷：

try {
foo.bar();
} catch (e) { 
if (e instanceof EvalError) {  
alert(e.name + ":" + e.message); 
}  else if (e instanceof RangeError) {
alert(e.name + ": " + e.message); }  
// etc 
} 
           

Error具有下面一些主要屬性：

• description: 錯誤描述 (僅IE可用).  
• fileName: 出錯的檔案名 (僅Mozilla可用).  
• lineNumber: 出錯的行數 (僅Mozilla可用).  
• message: 錯誤資訊 (在IE下同description)  
• name: 錯誤類型.  
• number: 錯誤代碼 (僅IE可用).  
• stack: 像Java中的Stack Trace一樣的錯誤堆棧資訊 (僅Mozilla可用).  

是以為了更好的了解錯誤資訊我們可以将catch部分改為如下形式：   

try {
    foo.bar();
} catch(e) {
    if (browserType != BROWSER_IE) {
        alert("name: " + e.name + "message: " + e.message + "lineNumber: " + e.lineNumber + "fileName: " + e.fileName + "stack: " + e.stack);
    } else {
        alert("name: " + e.name + "errorNumber: " + (e.number & 0xFFFF) + "message: " + e.message ");         } } "
           

JavaScript中的throw指令事實上可以抛出任何對象，并且我們可以在catch接受到此對象。例如：

try {
    throw new Date(); // 抛出目前時間對象 } catch (e) { alert(e.toLocaleString()); // 使用本地格式顯示目前時間
    }
           

轉自：http://www.jb51.net/article/44713.htm

Fundebug是前端JavaScript錯誤實時監控平台。Fundebug的JavaScript監控插件已經能夠在各種主流浏覽器中自動捕獲錯誤，并且可以擷取最全面的錯誤資訊，幫助開發者更快的Debug。

您可能感興趣的

1. 詳解1000+項目資料分析出來的10大JavaScript錯誤
2. 提示“使用者名或密碼不正确”很糟糕
3. Debug前端HTML/CSS
4. 有浏覽器的地方就有Fundebug