優質の幻想鄉

 找回密碼
 註冊帳號
搜索
查看: 4085|回復: 1

[教學] Javascript 錯誤處理

[複製鏈接]
發表於 2015-12-21 11:11 | 顯示全部樓層 |閱讀模式
給初學Javascript的各位,
在開發程式的時,常常需要一些機制來處理程式錯誤
或邏輯發生錯誤的問題,我們可以將這些訊息寫到Console或者記錄在LOG檔案
以方便得知問題所在。
以下為Javascript錯誤處理程式及介紹各位如何使用

      <script type="text/javascript">
            function Func()
            {
               var number = 100;
               var denominator = 0;
               try{
                  if ( denominator  == 0 ){
                     throw( "分母不可為0" );
                  }
                  else
                  {
                     var data = number / denominator  ;//程式邏輯處理
                  }
               }
               catch ( e ) {
                  alert("Error: " + e );//可以用提示訊息來拋出例外原因
                  Console.log("Error");//若覺得提示視窗麻煩,也可以寫在網頁上
               }
            }
      </script>


若執行以上的程式,程式碼會執行Catch裡的錯誤通知。
熟悉之後還可以使用Finally來做一些適當的處理
例如上述的 {var  data} 因程式有錯誤 data不會給予值。
若想加上預設,可對程式碼做些修改
<script type="text/javascript">
            function Func()
            {
               var number = 100;
               var denominator = 0;
               var data='';
               try{
                  if ( denominator  == 0 ){
                     throw( "分母不可為0" );
                  }
                  else
                  {
                     data = number / denominator  ;//程式邏輯處理
                  }
               }
               catch ( e ) {
                  alert("Error: " + e );//可以用提示訊息來拋出例外原因
                  Console.log("Error");//若覺得提示視窗麻煩,也可以寫在網頁上
               }
               finally{
                   data=0;
               }
            }
      </script>

以上,歡迎各位有問題不吝指教~
發表於 2016-9-10 16:59 | 顯示全部樓層
不錯的分享,非常適合javascript新手
回復 支持 反對

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 註冊帳號

本版積分規則

小黑屋|手機版|優質の幻想鄉

GMT+8, 2020-7-4 17:27

著作權聲明 & DMCAChild Pornography使用合約 & Terms and Conditions聯絡我們 & Contact Us

快速回復 返回頂部 返回列表