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