1. 程式人生 > >JavaScript與FireFox的不解之緣——錯誤處理與除錯

JavaScript與FireFox的不解之緣——錯誤處理與除錯

       作為IT界的一員出現Bug真是在正常不過。在學習JavaScript的時候難免自己因為各種原因而導致出錯,知道錯誤是什麼之後才能快準狠的修改之。在學習過程中都習慣使用火狐瀏覽器進行檢視效果,那麼如何完美的藉助火狐達到目的呢?下邊就是答案!

【錯誤處理】  

1.如何檢視錯誤?

          在火狐瀏覽器中工具--->web開發者--->瀏覽器控制檯(ctrl+shift+j)

                                      

2.如何處理?

 ①try....catch

try{
     window.abcdef();  //錯誤程式碼
 }catch(e){         //e表示接收的錯誤物件
      alert(e);       //列印錯誤物件,會輸出錯誤資訊
}

②try...catch...finally

      在咱們之前的經驗都知道了finally的意思,無論出不出錯都會執行finally內的內容。

③alert

      我們將alert輸出放在某句程式碼之前,如果有輸出內容則證明這之前的程式碼是沒有問題的,依次向後測試,如果出現了不能輸出的情況,則證明在alert之前的程式碼是有錯誤的。同樣如果結合try...catch也是很不錯的選擇,直接捕獲錯誤,然後將其輸出。

      特點:中途會阻斷後邊程式碼的執行。alert之前的程式碼如果有錯誤,則不能輸出,則alert之後的程式碼也將不能執行。

④console

       結合try...catch,將錯誤輸出。

       特點:後續程式照樣執行

【除錯方法】

1.在火狐瀏覽器中開啟Firebug或按F12也可開啟

2.在FireBug中找到指令碼,就可以看到自己的JS程式碼了


3.在想要除錯的語句前設定斷點,然後重新整理頁面就進入了除錯狀態


4.幾中除錯方法

   ①單步進入(F11),簡單說就是一步步執行,假如在上述程式碼中還呼叫了其他的函式,則用這種方法除錯的時候會進入其他的函式一步步的除錯

   ②單步跳過(F10),還是上述的程式碼,假如其中呼叫了其他的函式,則用這種方法除錯的時候不會一句句的進入被呼叫的函式中


   ③單步退出(shift+F11),當我們除錯時的程式碼已經進入了函式A中,點選單步退出則會跳出當前函式,進入程式碼段的下一句

【總結】  

   除錯雖然沒有什麼技術含量,但也是一個程式設計師必備的,只有快速的能夠找到bug才能迅速解決問題達到需求。除錯手中有,bug不沾手!