JS之try..catch...

try 測試代碼塊的錯誤。

catch 語句處理錯誤。

throw 創建並跑出錯誤。

try {
   //在這里運行代碼
   拋出錯誤
}catch(err){
   //在這里處理錯誤
}

 

實例：

<p>請輸出一個 5 到 10 之間的數字:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">測試輸入</button>
<p id="mess"></p>

</body>
</html>
<script type="text/javascript">
    function myFunction(){
    try{ 
        var x=document.getElementById("demo").value;   取元素的值
        
        if(x=="")    throw "值為空";       根據獲取的值，拋出錯誤
        if(isNaN(x)) throw "不是數字";
        if(x>10)     throw "太大";
        if(x<5)      throw "太小";
    }
    catch(err){
        var y=document.getElementById("mess");     抓住上面throw拋出的錯誤，給p標簽顯示
        y.innerHTML="錯誤：" + err + "。";
    }
}
</script>

 

（3）適用場景

      大多數情況下，try catch適用於兩種場合：
      1、瀏覽器原罪的場合：也就是兼容性場合，因為瀏覽器兼容性不是程序員能改正的，所以只能try catch：由於不同瀏覽器的報錯提示是不一樣的，根據捕獲的瀏覽器的報錯提示判斷用戶的瀏覽器，然后做出對應的措施，這時候使用try catch是巧妙的辦法，如果用if就比較笨拙，因為if通常只能反饋真或假，不能直接反饋瀏覽器的報錯內容。
      2、考慮如下代碼。window.a.b是非法的，再跟2對比就沒有意義，這樣非法的條件，在try catch中仍可以繼續運行下去。但在if中window.a.b已經報錯，整個頁面都會壞掉。如果希望用if寫，那么必須先判斷window.a是否是合法的，window.a是合法的前提下再判斷window.a.b是不是合法的，如果也是合法的，再判斷window.a.b是否不等於2，這樣是不是很蠢？這時就體現出try catch的妙處了，程序不但知道window.a.b !== 2是假的，而且直接可以知道究竟哪一步就已經是假的。
再想象一下，有一個變量是json.a.b.c，其中的a/b/c都可能是存在的也可能是不存在的，全看具體情況，這時候你簡單的寫if (json.a.b.c === 2) {...}是不行的，因為json.a.b就可能已經是非法的，所以你如果用if，就要考慮a是不是非法的、a是合法前提下b是不是非法的，b是合法前提下c是不是非法的。但是json.a.b.c === 2在try中就可以直接寫，也就是說，我不關心究竟a/b/c誰是非法的，我只關心json.a.b.c到底是不是等於2，不等於2或者任何一步出錯，對我來講沒有區別，反正都是不等於2，我不關心哪步出錯，而且程序不會壞掉。這是一種比較省心的寫法。
      另外注意，try catch不能做真假判斷，只能做非法判斷。也就是說：try {1 === 2}，雖然1===2是假，但是是合法的，catch不會捕捉到錯誤，也不會告訴你1 === 2到底是真是假。所以，寫在try里的應該是json.a.b.c而不是json.a.b.c === 2。究竟是不是等於2，是后面的事，是if干的事。簡單說，try catch用於捕捉報錯，當你不關心哪一步錯誤，只關心有沒有錯，就用try catch。

try {
   window.a.b !== 2
}
catch(err){
     alert(err) // 可執行
     alert(123) // 可執行
}

if (window.a.b !== 2) {
    alert("error") // 不執行
}
alert(123); // 不執行

     最后，try catch在早期被各種語言的程序員濫用，try catch出現的場合被誇大了，事實上沒那么多適用場合。如果你的幾千行程序都沒用到try catch也是很正常的，尤其是用了jquery。

 

 

 

.