什麼是偵錯工具?

已完成

在身為開發人員的旅程中,您最終問自己「為什麼我的程式代碼無法運作?」

為什麼我的程式碼不能用?

在開發 Tailwind Traders 零售應用程式的過程中,您可能常常會面臨這種情況。 每當程式中出現錯誤時,每個人通常會使用自己的方法來處理此問題。

您可能已經嘗試過下列這幾種方法來偵錯:

  • 嘗試重新執行程式,因為該程式「應該」是可以運作的。
  • 向同事說明您的問題。
  • 再次從頭到尾看一次程式碼以試著找出問題。
  • 出去走走。
  • 在您的程式代碼中新增幾個 console.log('here')

雖然這些方法可能會帶來不同程度上的幫助,但還有另一種通常被認為更能解決問題的方法:使用偵錯工具。 但偵錯工具到底是什麼?

偵錯工具是一種軟體工具,可透過分析方法來觀察並控制程式的執行流程。 其設計目標是協助找出錯誤的根本原因,並協助解決問題。 調試程序的運作方式是將程式裝載在自己的執行進程中,或以附加至您執行中程式的不同進程執行,例如 Node.js。

調試程式有不同品種。 有些是直接從命令列執行,有些則具有圖形化使用者介面。 在此課程模組中,我們會使用 Node.js 中隨附的內建命令列偵錯工具,以及 Visual Studio Code 的整合圖形化偵錯工具。

為何要使用偵錯工具?

如果不是透過偵錯工具來執行程式碼,表示您只是在「猜測」程式中發生了什麼問題。 使用偵錯工具其主要優點是可「監看」程式的執行。 您能以一次一行程式碼的方式追蹤程式的執行。 如此一來,您便可以避免猜測錯誤。

每個偵錯工具都有屬於自己的一組功能。 其中有兩個最重要的功能,幾乎所有偵錯工具都會具備:

  • 控制程式的執行。 您可以暫停程式並逐步執行,這可讓您查看已執行哪些程式碼,以及這些程式碼會如何影響程式的狀態。
  • 觀察程式的狀態。 例如,您可以在程式代碼執行期間的任何時間點查看變數值和函式參數。

掌握調試程式可讓您更有效率地搜捕程序代碼中的 Bug,協助您快速瞭解程式的運作方式。

我們將在下一區段中深入探討。