JS中的異常處理方法分享
js容錯(cuò)語句,就是js出錯(cuò)也不提示錯(cuò)誤（防止瀏覽器右下角有個(gè)黃色的三角符號(hào)，要不用戶體驗(yàn)不好）
window.onerror=function(){return true;}
下面是為了獲取js異常信息，方便開發(fā)者找回問題
1,try...catch...
<script type="text/javascript">
var txt=""
function message()
{
try
{
adddlert("Welcome guest!")
}
catch(err)
{
txt="本頁中存在錯(cuò)誤。\n\n"
txt+="點(diǎn)擊“確定”繼續(xù)查看本頁，\n"
txt+="點(diǎn)擊“取消”返回首頁。\n\n"
if(!confirm(txt))
{
document.location.href="/index.html"
}
}
}
</script>
2 ,throw
<script type="text/javascript">
var x=prompt("請(qǐng)輸入 0 至 10 之間的數(shù)：","")
try
{
if(x>10)
throw "Err1"
else if(x<0)
throw "Err2"
else if(isNaN(x))
throw "Err3"
}
catch(er)
{
if(er=="Err1")
alert("錯(cuò)誤！該值太大！")
if(er == "Err2")
alert("錯(cuò)誤！該值太??！")
if(er == "Err3")
alert("錯(cuò)誤！該值不是數(shù)字！")
}
</script>
3,onerror:
<script type="text/javascript">
onerror=handleErr
var txt=""
function handleErr(msg,url,l)
{
txt="本頁中存在錯(cuò)誤。\n\n"
txt+="錯(cuò)誤：" + msg + "\n"
txt+="URL: " + url + "\n"
txt+="行：" + l + "\n\n"
txt+="點(diǎn)擊“確定”繼續(xù)。\n\n"
alert(txt)
return true
}
function message()
{
adddlert("Welcome guest!")
}
</script>
js中的異常處理
在JavaScript可以使用try...catch來進(jìn)行異常處理。例如：
try { foo.bar();} catch (e) { alert(e.name + ": " + e.message);}
目前我們可能得到的系統(tǒng)異常主要包含以下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
上面的六種異常對(duì)象都繼承自Error對(duì)象。他們都支持以下兩種構(gòu)造方法:
new Error();new Error("異常信息");
手工拋出異常的方法如下：
try {
throw new Error("Whoops!");}
catch (e) {
alert(e.name + ": " + e.message);}
如要判斷異常信息的類型，可在catch中進(jìn)行判斷：
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: 錯(cuò)誤描述 (僅IE可用).
fileName: 出錯(cuò)的文件名 (僅Mozilla可用).
lineNumber: 出錯(cuò)的行數(shù) (僅Mozilla可用).
message: 錯(cuò)誤信息 (在IE下同description)
name: 錯(cuò)誤類型.
number: 錯(cuò)誤代碼 (僅IE可用).
stack: 像Java中的Stack Trace一樣的錯(cuò)誤堆棧信息 (僅Mozilla可用).
因此為了更好的了解錯(cuò)誤信息我們可以將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命令事實(shí)上可以拋出任何對(duì)象，并且我們可以在catch接受到此對(duì)象。例如：
try {
throw new Date(); // 拋出當(dāng)前時(shí)間對(duì)象 } catch (e) { alert(e.toLocaleString()); // 使用本地格式顯示當(dāng)前時(shí)間
}
相關(guān)文章
用js+cookie記錄滾動(dòng)條位置...2007-01-01
這篇文章主要給大家介紹了關(guān)于微信小程序獲取手機(jī)號(hào)踩坑的相關(guān)資料,詳細(xì)記錄了踩坑的過程以及解決的方法和猜想,通過示例代碼以及圖片介紹的非常詳細(xì),需要的朋友可以參考下2021-06-06
最近完成了一個(gè)Drag類，可以實(shí)現(xiàn)指定對(duì)象的拖拽效果。2010-07-07
本篇文章主要介紹了js封裝成插件的步驟方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要為大家介紹了js?中以?...?為前綴的幾種用法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
JavaScript中的另一個(gè)機(jī)制：cookie，則可以達(dá)到真正全局變量的要求。 cookie是瀏覽器 提供的一種機(jī)制，它將document 對(duì)象的cookie屬性提供給JavaScript?？梢杂蒍avaScript對(duì)其進(jìn)行控制，而并不是JavaScript本身的性質(zhì)。2008-05-05![解析Javascript中中括號(hào)“[]”的多義性](http://img.jbzj.com/images/xgimg/bcimg6.png)
這篇文章主要介紹了Javascript中中括號(hào)“[]”的多義性。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
JS Object.preventExtensions(),Object.seal()與Object.freeze()用
這篇文章主要介紹了JS Object.preventExtensions(),Object.seal()與Object.freeze()用法,結(jié)合實(shí)例形式分析了javascript控制對(duì)象擴(kuò)展、密封、凍結(jié)等相關(guān)函數(shù)與操作技巧,需要的朋友可以參考下2018-08-08
這篇文章主要介紹了JavaScript之ES5的繼承的相關(guān)資料，文中示例代碼非常詳細(xì)，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
JS實(shí)現(xiàn)判斷兩個(gè)日期不能跨年和跨月
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript語言實(shí)現(xiàn)判斷兩個(gè)日期不能跨年和跨月，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下2023-04-04