7、異常處理與調試

7.1 異常處理

7.1.1 try/catch語句

? ? try/catch語句常用于處理JavaScript中的異常，其基本語法如下所示：

象山網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、APP開發(fā)、響應式網(wǎng)站建設等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)成立于2013年到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設就選創(chuàng)新互聯(lián)。

try {
   // 可能出錯的代碼
} catch(error){
   // 出錯后，需要做的事
} finally{
  // 不管怎樣，都要運行的語句
}

如果try塊中有代碼發(fā)生錯誤，則立即退出執(zhí)行，并跳到catch塊中，此時catch會接收到一個對象，該對象包含發(fā)生錯誤的相關信息。在catch塊中不使用錯誤對象，也必須為它定義名稱，其包含一個message屬性。

? ? 示例代碼如下所示：

let a=12;

try {
    a/b
} catch (error) {
    console.error(`An error happend,please check,detail message is ${error.message}`); // An error happend,please check,detail message is b is not defined
} finally{
   console.log("run finally ");
}

? ? 再來看看以下代碼，返回值是多少？

function testTryCatchFinally(){
    try {
        return 0;
    } catch (error) {
        return 1;
    } finally{
        return 2;
    }
}

console.log(`return value is ${testTryCatchFinally()}`);  // return value is 2

在上面語句中，finally中的return返回會覆蓋try中的return語句。

? ? 常見的錯誤類型如下所示：

• Error
• InternalError
• EvalError
• RangeError
• ReferenceError
• SyntaxError
• TypeError
• URIError

7.1.2 拋出錯誤

? ? 與try/catch 語句對應的一個機制是throw 操作符，用于在任何時候拋出自定義錯誤，throw 操作符必須有一個值，但值的類型不限。以下為示例：

throw "error"
throw 123
throw {"name":"Surpass"}
throw [1,2,3,4]
throw new Error("abc")

使用throw時，代碼會立即停止運行。

7.2 調試

? ? JavaScript用于調試的方法比較多，這里僅介紹把消息記錄到控制臺。所有主流瀏覽器都有JavaScript控制臺，可用于查詢JavaScript錯誤，也支持通過console對象直接把JavaScript消息寫入控制臺，主要包含以下方法：

• error(message)：在控制臺中記錄錯誤消息。
• info(message)：在控制臺中記錄信息性內容。
• log(message)：在控制臺記錄常規(guī)消息。
• warn(message)：在控制臺中記錄警告消息。

原文地址：https://www.jianshu.com/p/c806e

本文同步在微信訂閱號上發(fā)布，如各位小伙伴們喜歡我的文章，也可以關注我的微信訂閱號：woaitest，或掃描下面的二維碼添加關注：