Java Script學習 3

標籤：開發人員   設定斷點   bsp   底部   錯誤輸出   測試   log   調試   滑鼠   

JavaScript 錯誤 - throw、try 和 catch

try 語句測試代碼塊的錯誤。

catch 語句處理錯誤。

throw 語句建立自訂錯誤。

JavaScript 錯誤

當 JavaScript 引擎執行 JavaScript 代碼時，會發生各種錯誤。

可能是語法錯誤，通常是程式員造成的編碼錯誤或錯別字。

可能是拼字錯誤或語言中缺少的功能（可能由於瀏覽器差異）。

可能是由於來自伺服器或使用者的錯誤輸出而導致的錯誤。

當然，也可能是由於許多其他不可預知的因素。

JavaScript 拋出（throw）錯誤

當錯誤發生時，當事情出問題時，JavaScript 引擎通常會停止，並產生一個錯誤訊息。

描述這種情況的技術術語是：JavaScript 將拋出一個錯誤。

 

JavaScript try 和 catch

try 語句允許我們定義在執行時進行錯誤測試的代碼塊。

catch 語句允許我們定義當 try 代碼塊發生錯誤時，所執行的代碼塊。

JavaScript 語句 try 和 catch 是成對出現的。

Throw 語句

throw 語句允許我們建立自訂錯誤。

正確的技術術語是：建立或拋出異常（exception）。

如果把 throw 與 try 和 catch 一起使用，那麼您能夠控製程序流，並產生自訂的錯誤訊息。

在編寫 JavaScript 時，如果沒有調試工具將是一件很痛苦的事情。

JavaScript 調試

沒有調試工具是很難去編寫 JavaScript 程式的。

你的代碼可能包含語法錯誤，邏輯錯誤，如果沒有調試工具，這些錯誤比較難於發現。

通常，如果 JavaScript 出現錯誤，是不會有提示資訊，這樣你就無法找到代碼錯誤的位置。

JavaScript 調試工具

在程式碼中尋找錯誤叫做代碼調試。

調試很難，但幸運的是，很多瀏覽器都內建了調試工具。

內建的調試工具可以開始或關閉，嚴重的錯誤資訊會發送給使用者。

有了調試工具，我們就可以設定斷點 (代碼停止執行的位置), 且可以在代碼執行時檢測變數。

瀏覽器啟用調試工具一般是按下 F12 鍵，並在調試菜單中選擇 "Console" 。

console.log() 方法

如果瀏覽器支援調試，你可以使用 console.log() 方法在調試視窗上列印 JavaScript 值：

設定斷點

在調試視窗中，你可以設定 JavaScript 代碼的斷點。

在每個斷點上，都會停止執行 JavaScript 代碼，以便於我們檢查 JavaScript 變數的值。

在檢查完畢後，可以重新執行代碼（如播放按鈕）。

debugger 關鍵字

debugger 關鍵字用於停止執行 JavaScript，並調用調試函數。

這個關鍵字與在調試工具中設定斷點的效果是一樣的。

如果沒有調試可用，debugger 語句將無法工作。

開啟 debugger ，代碼在第三行前停止執行。

主要瀏覽器的調試工具

通常，瀏覽器啟用調試工具一般是按下 F12 鍵，並在調試菜單中選擇 "Console" 。

各瀏覽器的步驟如下:

Chrome 瀏覽器

• 開啟瀏覽器。
• 在菜單中選擇工具。
• 在工具中選擇開發人員工具。
• 最後，選擇 Console。

Firefox 瀏覽器

• 開啟瀏覽器。
• 訪問頁面: 
  http://www.getfirebug.com。
• 按照說明 :
  安裝 Firebug。

Internet Explorer 瀏覽器。

• 開啟瀏覽器。
• 在菜單中選擇工具。
• 在工具中選擇開發人員工具。
• 最後，選擇 Console。

Opera

• 開啟瀏覽器。
• Opera 的內建調試工具為 Dragonfly，詳細說明可訪問頁面:
  http://www.opera.com/dragonfly/。

Safari

• 開啟瀏覽器。
• 右擊滑鼠，選擇檢查元素。
• 在底部彈出的視窗中選擇"控制台"。
  • JavaScript 變數提升

    JavaScript 中，函數及變數的聲明都將被提升到函數的最頂部。

    JavaScript 中，變數可以在使用後聲明，也就是變數可以先使用再聲明。

  • JavaScript 初始化不會提升

    JavaScript 只有聲明的變數會提升，初始化的不會

  • 在頭部聲明你的變數

    對於大多數程式員來說並不知道 JavaScript 變數提升。

    如果程式員不能很好的理解變數提升，他們寫的程式就容易出現一些問題。

    為了避免這些問題，通常我們在每個範圍開始前聲明這些變數，這也是正常的 JavaScript 解析步驟，易於我們理解。

Java Script學習 3（轉）