javascript 錯(cuò)誤處理 - throw 和 try to catch
try 語(yǔ)句使您能夠測(cè)試代碼塊中的錯(cuò)誤。
catch 語(yǔ)句允許您處理錯(cuò)誤。
throw 語(yǔ)句允許您創(chuàng)建自定義錯(cuò)誤。
finally 使您能夠執(zhí)行代碼，在 try 和 catch 之后，無(wú)論結(jié)果如何。
1. 錯(cuò)誤總會(huì)發(fā)生！
當(dāng)執(zhí)行 javascript 代碼時(shí)，會(huì)發(fā)生各種錯(cuò)誤。
錯(cuò)誤可能是程序員的編碼錯(cuò)誤，由錯(cuò)誤輸入引起的錯(cuò)誤，或者由于其他不可預(yù)見(jiàn)的問(wèn)題。
范例
在本例中，我們通過(guò) adddlert 編寫(xiě)警告代碼來(lái)故意制造了一個(gè)錯(cuò)誤：
<p id="demo"></p>
<script>
try {
adddlert("歡迎訪問(wèn)！");
}
catch(err) {
document.getelementbyid("demo").innerhtml = err.message;
}
</script>
javascript 將 adddlert 捕獲為一個(gè)錯(cuò)誤，然后執(zhí)行代碼來(lái)處理該錯(cuò)誤。
2. javascript try 和 catch
try 語(yǔ)句允許您定義一個(gè)代碼塊，以便在執(zhí)行時(shí)檢測(cè)錯(cuò)誤。
catch 語(yǔ)句允許你定義一個(gè)要執(zhí)行的代碼塊，如果 try 代碼塊中發(fā)生錯(cuò)誤。
javascript 語(yǔ)句 try 和 catch 成對(duì)出現(xiàn)：
try {
供測(cè)試的代碼塊
}
catch(err) {
處理錯(cuò)誤的代碼塊
}
3. javascript 拋出錯(cuò)誤
當(dāng)發(fā)生錯(cuò)誤時(shí)，javascript 通常會(huì)停止并產(chǎn)生錯(cuò)誤消息。
技術(shù)術(shù)語(yǔ)是這樣描述的：javascript 將拋出異常（拋出錯(cuò)誤）。
javascript 實(shí)際上會(huì)創(chuàng)建帶有兩個(gè)屬性的 error 對(duì)象：name 和 message。
4. throw 語(yǔ)句
throw 語(yǔ)句允許您創(chuàng)建自定義錯(cuò)誤。
從技術(shù)上講您能夠拋出異常（拋出錯(cuò)誤）。
異常可以是 javascript 字符串、數(shù)字、布爾或?qū)ο螅?/p>
throw "too big"; // 拋出文本 throw 500; //拋出數(shù)字
如果把 throw 與 try 和 catch 一同使用，就可以控制程序流并生成自定義錯(cuò)誤消息。
5. 輸入驗(yàn)證案例
本例會(huì)檢查輸入。如果值是錯(cuò)誤的，將拋出異常（err）。
該異常（err）被 catch 語(yǔ)句捕獲并顯示一條自定義的錯(cuò)誤消息：
<!doctype html>
<html>
<body>
<p>請(qǐng)輸入 5 - 10 之間的數(shù)字：</p>
<input id="demo" type="text">
<button type="button" onclick="myfunction()">測(cè)試輸入</button>
<p id="message"></p>
<script>
function myfunction() {
var message, x;
message = document.getelementbyid("message");
message.innerhtml = "";
x = document.getelementbyid("demo").value;
try {
if(x == "") throw "空的";
if(isnan(x)) throw "不是數(shù)字";
x = number(x);
if(x < 5) throw "太小";
if(x > 10) throw "太大";
}
catch(err) {
message.innerhtml = "輸入是 " + err;
}
}
</script>
</body>
</html>
6. html 驗(yàn)證
以上代碼僅僅是一個(gè)例子。
現(xiàn)代瀏覽器通常會(huì)結(jié)合 javascript 與內(nèi)置的 html 驗(yàn)證，通過(guò)使用在 html 屬性中定義的預(yù)定義的驗(yàn)證規(guī)則：
<input id="demo" type="number" min="5" max="10" step="1">
您將在本教程稍后的章節(jié)學(xué)到更多有關(guān)表單驗(yàn)證的知識(shí)。
7. finally 語(yǔ)句
finally 語(yǔ)句允許您在 try 和 catch 之后執(zhí)行代碼，無(wú)論結(jié)果：
try {
供測(cè)試的代碼塊
}
catch(err) {
處理錯(cuò)誤的代碼塊
}
finally {
無(wú)論 try / catch 結(jié)果如何都執(zhí)行的代碼塊
}
范例
function myfunction() {
var message, x;
message = document.getelementbyid("message");
message.innerhtml = "";
x = document.getelementbyid("demo").value;
try {
if(x == "") throw "是空的";
if(isnan(x)) throw "不是數(shù)字";
x = number(x);
if(x > 10) throw "太大";
if(x < 5) throw "太小";
}
catch(err) {
message.innerhtml = "錯(cuò)誤：" + err + ".";
}
finally {
document.getelementbyid("demo").value = "";
}
}
8. error 對(duì)象
javascript 擁有當(dāng)錯(cuò)誤發(fā)生時(shí)提供錯(cuò)誤信息的內(nèi)置 error 對(duì)象。
error 對(duì)象提供兩個(gè)有用的屬性：name 和 message。
9. error 對(duì)象屬性
| 屬性 | 描述 |
|---|---|
| name | 設(shè)置或返回錯(cuò)誤名 |
| message | 設(shè)置或返回錯(cuò)誤消息（一條字符串） |
10. error name values
error 的 name 屬性可返回六個(gè)不同的值：
| 錯(cuò)誤名 | 描述 |
|---|---|
| evalerror | 已在 eval() 函數(shù)中發(fā)生的錯(cuò)誤 |
| rangeerror | 已發(fā)生超出數(shù)字范圍的錯(cuò)誤 |
| referenceerror | 已發(fā)生非法引用 |
| syntaxerror | 已發(fā)生語(yǔ)法錯(cuò)誤 |
| typeerror | 已發(fā)生類型錯(cuò)誤 |
| urierror | 在 encodeuri() 中已發(fā)生的錯(cuò)誤 |
下面為您詳解這六個(gè)不同的值。
11. eval 錯(cuò)誤
evalerror 指示 eval() 函數(shù)中的錯(cuò)誤。
更新版本的 javascript 不會(huì)拋出任何 evalerror。請(qǐng)使用 syntaxerror 代替。
12. 范圍錯(cuò)誤
rangeerror 會(huì)在您使用了合法值的范圍之外的數(shù)字時(shí)拋出。
例如：您不能將數(shù)字的有效位數(shù)設(shè)置為 500。
范例
var num = 1;
try {
num.toprecision(500); // 數(shù)無(wú)法擁有 500 個(gè)有效數(shù)
}
catch(err) {
document.getelementbyid("demo").innerhtml = err.name;
}
13. 引用錯(cuò)誤
假如您使用（引用）了尚未聲明的變量，則 referenceerror 會(huì)被拋出：
范例
var x;
try {
x = y + 1; // y 無(wú)法被引用（使用）
}
catch(err) {
document.getelementbyid("demo").innerhtml = err.name;
}
14. 語(yǔ)法錯(cuò)誤
假如您計(jì)算帶語(yǔ)法錯(cuò)誤的代碼，會(huì) syntaxerror 被拋出：
范例
try {
eval("alert('hello)"); // 缺少 ' 會(huì)產(chǎn)生錯(cuò)誤
}
catch(err) {
document.getelementbyid("demo").innerhtml = err.name;
}
15. 類型錯(cuò)誤
假如您使用的值不在期望值的范圍之內(nèi)，則 typeerror 被拋出：
范例
var num = 1;
try {
num.touppercase(); // 您無(wú)法將數(shù)字轉(zhuǎn)換為大寫(xiě)
}
catch(err) {
document.getelementbyid("demo").innerhtml = err.name;
}
16. uri 錯(cuò)誤
假如您在 uri 函數(shù)中使用非法字符，則 urierror 被拋出：
范例
try {
decodeuri("%%%"); // 您無(wú)法對(duì)這些百分號(hào)進(jìn)行 uri 編碼
}
catch(err) {
document.getelementbyid("demo").innerhtml = err.name;
}
17. 非標(biāo)準(zhǔn)的 error 對(duì)象屬性
mozilla 和 microsoft 定義了非標(biāo)準(zhǔn)的 error 對(duì)象屬性：
- filename (mozilla)
- linenumber (mozilla)
- columnnumber (mozilla)
- stack (mozilla)
- description (microsoft)
- number (microsoft)
請(qǐng)勿在公共網(wǎng)站使用這些屬性。它們并不會(huì)在所有瀏覽器中工作。
JavaScript基礎(chǔ)