try catch finally 語(yǔ)句說(shuō)明

try catch finally是javascript語(yǔ)言提供的異常處理機(jī)制。語(yǔ)法結(jié)構(gòu)如下

try {
 //這段代碼從上往下運(yùn)行，其中任何一個(gè)語(yǔ)句拋出異常該代碼塊就結(jié)束運(yùn)行

}
catch (e) {
 // 如果try代碼塊中拋出了異常，catch代碼塊中的代碼就會(huì)被執(zhí)行。
 //e是一個(gè)局部變量，用來(lái)指向Error對(duì)象或者其他拋出的對(duì)象
}
finally {

 //無(wú)論try中代碼是否有異常拋出（甚至是try代碼塊中有return語(yǔ)句），finally代碼塊中始終會(huì)被執(zhí)行。
 }

try…catch…finally…語(yǔ)法中除了try以外catch和finally都是可選的（兩者必須要有一個(gè)），也就是說(shuō)try…catch…finally…語(yǔ)法有以下三種形式

如果有一定catch，一旦try中代碼拋出異常以后就是先執(zhí)行catch中的代碼，然后執(zhí)行finally中的代碼。如果沒(méi)有catch語(yǔ)句,try中的代碼拋出異常后,就會(huì)先執(zhí)行finally中的語(yǔ)句，然后將try中拋出的異常以異常的方式繼續(xù)往上拋。

不管try代碼塊的執(zhí)行時(shí)如何被終止的（出現(xiàn)異常、return、自然終止）finally中的語(yǔ)句始終會(huì)被執(zhí)行，正是由于finally的這種特性，通常finally用來(lái)執(zhí)行一些清理工作。如果try中代碼是以return,continue,break的方式終止的，Javascript引擎會(huì)在執(zhí)行完finally中的語(yǔ)句以后再執(zhí)行相應(yīng)的try中的返回語(yǔ)句。

throw語(yǔ)句說(shuō)明

 throw語(yǔ)句在javascript1.4中已經(jīng)實(shí)現(xiàn)。try的語(yǔ)法很簡(jiǎn)單，如下

throw expression;

其中的expression可以是任何一種類(lèi)型，也就是說(shuō)throw “There is a error” 或是throw 1001都是正確的。但通常我們會(huì)拋出一個(gè)Error對(duì)象或是Error對(duì)象的子類(lèi)。關(guān)于Error我們稍后介紹，先看一段throw的樣例代碼。

function factorial(x) {
 // If the input argument is invalid, throw an exception!
 if (x < 0) throw new Error("x must not be negative");
 // Otherwise, compute a value and return normally
 for(var f = 1; x > 1; f *= x, x--) /* empty */ ;
 return f;
}

Error對(duì)象

Error對(duì)象和它的子類(lèi)是在javascript1.5中實(shí)現(xiàn)的。Error的構(gòu)造函數(shù)有兩種

new Error( )

new Error(message )

Error有兩個(gè)基本的屬性name和message。message用來(lái)表示異常的詳細(xì)信息。而name指的的是Error對(duì)象的構(gòu)造函數(shù)。此外，不同的js引擎對(duì)Error還各自提供了一些擴(kuò)展，例如mozilla提供了fileName（異常出現(xiàn)的文件名稱(chēng)）和linenumber（異常出現(xiàn)的行號(hào))的擴(kuò)展，而IE提供了number（錯(cuò)誤號(hào)）的支持。不過(guò)name和message是兩個(gè)基本的屬性，在firefox和ie中都能夠支持。Javascript中Error還有幾個(gè)子類(lèi)EvalError, RangeError, ReferenceError, SyntaxError, TypeError, URIError，各自的意思就不在這里詳細(xì)描述了，讀者可以在我提供的參考文檔中找到相應(yīng)的參考。

Javascript的異常處理機(jī)制和window.onerror句柄

當(dāng)javascript代碼中出現(xiàn)錯(cuò)誤的時(shí)候，js引擎就會(huì)根據(jù)js的調(diào)用棧逐級(jí)尋找對(duì)應(yīng)的catch，如果沒(méi)有找到相應(yīng)的catch handler或catch handler本身又有error或者又拋出新的error，最后就會(huì)把這個(gè)error的處理交給瀏覽器，瀏覽器會(huì)用各自不同的方式（IE以黃色三角圖案顯示在左下角，而firefix會(huì)顯示在錯(cuò)誤控制臺(tái)中）顯示錯(cuò)誤信息給訪問(wèn)者。很多場(chǎng)景下，我們會(huì)覺(jué)得這種錯(cuò)誤提示方式不夠友好，而且提示信息很隱蔽，那么我們機(jī)會(huì)自定義這種錯(cuò)誤提示的方式嗎？答案是有，就是window.onerror屬性。

javascript的window對(duì)象有一個(gè)特別的屬性onerror，如果你將某個(gè)function賦值給window的onerror屬性，那么但凡這個(gè)window中有javascript錯(cuò)誤出現(xiàn)，該function都會(huì)被調(diào)用，也就是說(shuō)這個(gè)function會(huì)成為這個(gè)window的錯(cuò)誤處理句柄。

// Display error messages in a dialog box, but never more than 3
window.onerror = function(msg, url, line) {
 if (onerror.num++ < onerror.max) {
  alert("ERROR: " + msg + "\n" + url + ":" + line);
  return true;
 }
}
onerror.max = 3;
onerror.num = 0;

onerror句柄會(huì)3個(gè)參數(shù)分別是錯(cuò)誤信息提示，產(chǎn)生錯(cuò)誤的javascript的document ulr，錯(cuò)誤出現(xiàn)的行號(hào)。

onerroe句柄的返回值也很重要，如果句柄返回true，表示瀏覽器無(wú)需在對(duì)該錯(cuò)誤做額外的處理，也就是說(shuō)瀏覽器不需要再顯示錯(cuò)誤信息。而如果返回的是false，瀏覽器還是會(huì)提示錯(cuò)誤信息。

window.onerror=function(){

alert(”xx”);

return true; //如果注釋掉該語(yǔ)句，瀏覽器中還是會(huì)有錯(cuò)誤提示，反之則沒(méi)有。

}

function throwerror(){

throw new Error(”cc”);

}

我們?cè)陂_(kāi)發(fā)HTML的過(guò)程中避免不了一些Js的異常，通常我們也不可能依賴(lài)客戶(hù)打開(kāi)瀏覽器的錯(cuò)誤提示框（如上圖）來(lái)為我們定位bug提供線索，而利用window.onerror句柄我們就可以講錯(cuò)誤提示信息顯示出來(lái)，客戶(hù)只要在錯(cuò)誤出現(xiàn)的時(shí)候，提供相應(yīng)的截屏就可以了，這點(diǎn)可以很好的幫助開(kāi)發(fā)人員定位，分析javascript相關(guān)的錯(cuò)誤。

參考資料

Mozilla Javascript1.5核心參考

Javascript犀牛(JavaScript: The Definitive Guide)