Dart程式設計 - 除錯

開發人員在編寫程式碼時偶爾會犯錯誤。程式中的錯誤稱為bug。查詢和修復bug的過程稱為除錯，是開發過程的正常部分。本節介紹可幫助您完成除錯任務的工具和技術。

WebStorm編輯器支援斷點和單步除錯。程式將在附加斷點的位置中斷。此功能類似於您在Java或C#應用程式開發中可能期望的功能。您可以監視變數、瀏覽堆疊、單步執行和進入方法和函式呼叫，所有這些都可以在WebStorm編輯器中完成。

新增斷點

考慮以下程式碼片段。(TestString.dart)

void main() { 
   int a = 10, b = 20, c = 5; 
   c = c * c * c; 
   
   print("$a + $b = ${a+b}"); 
   print("$a%$b = ${a%b}");  // Add a break point here 
   print("$a*$b = ${a*b}"); 
   print("$a/$b = ${a/b}"); 
   print(c); 
}

要新增斷點，請單擊左側邊距。在下圖中，第7行有一個斷點。

以除錯模式執行程式。在專案資源管理器中，右鍵單擊Dart程式（在本例中為TestString.dart）。

程式以除錯模式執行後，您將看到偵錯程式視窗，如下面的螢幕截圖所示。變數選項卡顯示當前上下文中的變數值。您可以使用監視視窗為特定變數新增監視器並偵聽其值的更改。

單步進入 (F7) 除錯選單上的箭頭圖示有助於一次執行一條語句的程式碼。如果主方法呼叫子程式，則它也將進入子程式程式碼。

單步執行 (F8)：它類似於單步進入。使用上的區別發生在當前語句包含對子程式的呼叫時。如果主方法呼叫子程式，單步執行將不會深入到子程式中，它將跳過子程式。

單步跳出 (Shift+F8)：執行當前執行點所在的函式的其餘行。顯示的下一條語句是子程式呼叫後的語句。

以除錯模式執行後，程式給出以下輸出：

10 + 20 = 30 
10 % 20 = 10 
10 * 20 = 200 
10 / 20 = 0.5 
125