DevTools

透過瀏覽器的開發者工具調試 JavaScript 的方法 調試是程序設計師必備的核心技能之一。 有時候即使我們盡了最大的努力，但程序還是不能正確運行，比如說它崩潰了、運行緩慢或打印了錯誤信息。 當你編寫的程序不能按照期望的方式運行時，你該怎麼辦呢？ 你需要開始調試。 找出問題可能出在哪裡 第一步總是觀察發生了什麼，並試圖確定問題的根源所在。這是環境問題？是你給程序提供的輸入有問題？它是由於內存使用過多而導致一次性崩潰？還是每次運行都出現這個問題？ 在確定問題出自何處之後，你可以開始檢查具體的代碼部分。 閱讀代碼 在調試方面，最簡單的方法之一就是閱讀你自己編寫的代碼。用聲音朗讀。我們自己的聲音有一種神奇的作用，但無法在靜音時產生。 很多時候我都是通過這種方式找出問題所在的。 使用控制台 如果閱讀代碼沒有給你任何提示，下一個合理的步驟就是在你的代碼中添加一些可以提供一些線索的行。 在 JavaScript 前端代碼中，你通常會使用 alert() 和 console.log （和它的其他應用）。 考慮以下代碼： const a = calculateA() const b = calculateB() const result = a + b 結果不正確計算，所以你可以在計算結果之前添加 alert(a) 和 alert(b)，當代碼執行時瀏覽器將彈出兩個警告窗口。 const a = calculateA() const b = calculateB() alert(a) alert(b) const result = a + b 如果傳給 alert() 的是一個字符串或一個數字，這樣操作是沒有問題的。但一旦涉及到數組或對象等較復雜的數據類型，使用 alert() 就會變得很困難了，這時候你需要使用控制台 API。我們可以先從 console.log() 開始： const a = calculateA() const b = calculateB() console....