萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> JS中的異常處理方法分享

JS中的異常處理方法分享

我們在編寫js過程中,難免會遇到一些代碼錯誤問題,需要找出來,有些時候怕因為js問題導致用戶體驗差,這裡給出一些解決方法 js容錯語句,就是js出錯也不提示錯誤(防止浏覽器右下角有個黃色的三角符號,要不用戶體驗不好)    代碼如下: window.onerror=function(){return true;}        下面是為了獲取js異常信息,方便開發者找回問題   1,try...catch...   代碼如下: <script type="text/javascript"> var txt="" function message() { try    {    adddlert("Welcome guest!")    } catch(err)    {      txt="本頁中存在錯誤。nn"      txt+="點擊“確定”繼續查看本頁,n"      txt+="點擊“取消”返回首頁。nn"      if(!confirm(txt))          {          document.location.href="/index.html"          }    } } </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"> onerror=handleErr var txt=""   function handleErr(msg,url,l) { txt="本頁中存在錯誤。nn" txt+="錯誤:" + msg + "n" txt+="URL: " + url + "n" txt+="行:" + l + "nn" txt+="點擊“確定”繼續。nn" 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()); // 使用本地格式顯示當前時間     }    
copyright © 萬盛學電腦網 all rights reserved