JS中的異常處理方法分享
js容錯(cuò)語(yǔ)句,就是js出錯(cuò)也不提示錯(cuò)誤（防止瀏覽器右下角有個(gè)黃色的三角符號(hào)，要不用戶(hù)體驗(yàn)不好）
window.onerror=function(){return true;}
下面是為了獲取js異常信息，方便開(kāi)發(fā)者找回問(wèn)題
1,try...catch...
<script type="text/javascript">
var txt=""
function message()
{
try
{
adddlert("Welcome guest!")
}
catch(err)
{
txt="本頁(yè)中存在錯(cuò)誤。\n\n"
txt+="點(diǎn)擊“確定”繼續(xù)查看本頁(yè)，\n"
txt+="點(diǎn)擊“取消”返回首頁(yè)。\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="本頁(yè)中存在錯(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來(lái)進(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);}
如要判斷異常信息的類(lèi)型，可在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ò)誤類(lèi)型.
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)文章
這里給大家推薦一個(gè)自己封裝的常用的javascript函數(shù)，基本上常見(jiàn)的操作都包含在內(nèi)了，有需要的小伙伴直接拿走使用吧。2015-01-01
微信sdk實(shí)現(xiàn)禁止微信分享(使用原生php實(shí)現(xiàn))
這篇文章主要介紹了微信sdk實(shí)現(xiàn)禁止微信分享(使用原生php實(shí)現(xiàn))，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
這篇文章主要介紹了JS常用跨域方法實(shí)現(xiàn)原理解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-12-12
javascript中Date()函數(shù)在各瀏覽器中的顯示效果
本文給大家分享的是javascript中Date()函數(shù)在各瀏覽器中的顯示效果，由于各大瀏覽器的兼容性問(wèn)題，本文做了這個(gè)測(cè)試，希望有需要的小伙伴可以少走些彎路2015-06-06
JavaScript對(duì)數(shù)組進(jìn)行隨機(jī)重排的方法
這篇文章主要介紹了JavaScript對(duì)數(shù)組進(jìn)行隨機(jī)重排的方法,實(shí)例分析了javascript實(shí)現(xiàn)數(shù)組隨機(jī)重新排序的兩種實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
js發(fā)送短信倒計(jì)時(shí)的簡(jiǎn)單實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇js發(fā)送短信倒計(jì)時(shí)的簡(jiǎn)單實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
JavaScript和Vue分別實(shí)現(xiàn)逐字彈出(打字機(jī))效果
這篇文章主要為大家詳細(xì)介紹了如何通過(guò)CSS、JavaScript和Vue分別實(shí)現(xiàn)逐字彈出(打字機(jī))效果,文中的示例代碼講解詳細(xì),需要的小伙伴可以參考一下2024-01-01
利用PHP實(shí)現(xiàn)遞歸刪除鏈表元素的方法示例
這篇文章主要給大家介紹了關(guān)于如何利用PHP實(shí)現(xiàn)遞歸刪除鏈表元素的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
js面向?qū)ο笾Ｒ?jiàn)創(chuàng)建對(duì)象的幾種方式(工廠模式、構(gòu)造函數(shù)模式、原型模式)
JS的語(yǔ)法非常靈活，簡(jiǎn)單的對(duì)象創(chuàng)建就有好幾種不同的方法。這些過(guò)于靈活的地方有時(shí)候確實(shí)很讓人迷惑，那么今天我們就來(lái)梳理一下JS中常用的創(chuàng)建對(duì)象的幾種方法吧2015-11-11
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)彈框效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03