Dart偵錯


有時開發人員在編碼時會犯錯誤,程式中的錯誤稱為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行有一個斷點。

斷點

以偵錯模式執行程式。在專案瀏覽器中右鍵單擊TestString.dart中的dart程式。

程式在偵錯模式下執行後將進入偵錯器視窗,如以下螢幕截圖所示。變數索引標籤顯示當前上下文中的變數值。可以為特定變數新增觀察者,並使用監視視窗監聽值更改。

進入(F7) 箭頭圖示用於一次執行一個程式碼一個語句。如果main方法呼叫子例程,這也將進入子例程程式碼。

跳過(F8):它類似於Step Into。當前語句包含對子例程的呼叫時,會出現使用上的差異。如果main方法呼叫子例程,則跳過將不會深入到子例程。它會跳過子程式。

跳出(Shift + F8):執行當前執行點所在的函式的剩餘行。顯示的下一個語句是子程式呼叫之後的語句。

在偵錯模式下執行後,程式提供以下輸出 -

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