導讀

本文是《JavaScript調試技巧合集》系列分享中的一篇，筆者希望在每篇文章中介紹一個關于JS調試的小知識點，希望你在讀完這個系列后，在調試技巧上能夠更加運用自如。下面是知識點概覽：

本次分享主題：為什么不推薦使用alert調試代碼？

對于使用alert調試代碼這件事情，我相信很多人都持不同的看法，就我個人而言，我是十分反對的，在列舉原因之前，我們一起先來看看MDN上是怎樣介紹alert的：

• 從上圖的“注意點一”我們可以看出，alert在幫助我們調試問題時，有它的局限性——只能顯示字符串，如果傳入的參數是一個其他對象，eg:

我們傳入了一個對象 {a:1} , 結果只能給到一個 [object Object] , 無法看到變量內部的結構。不建議使用！

• 從“注意點二”可以看出，alert創建的是一個模態框，如果在調試代碼時不小心把alert使用在某個循環中，eg:

for(let i=0;i<10000;i++){ test();}function test(){ // some other code .... alert(/** something you want to inspect */);}

上面的這段代碼一旦被執行，就會導致彈出很多次alert彈窗，頁面無法正常操作，如果在低版本的瀏覽器中，你不得不強制結束瀏覽器進程，在高版本瀏覽器中，你至少也得結束當前標簽頁進程才能解決問題。不建議使用！！

• 除此之外，我們能夠使用alert調試的問題，使用其它方案也都能夠替代，并且做得更好，比如使用console.log
• 上面幾點描述的都只是便利性問題，alert使用不當，還可能導致生產事故，如果你在代碼中使用了 alert調試代碼，卻沒有刪除，而你的項目中沒有使用到 eslint , jslint 等工具去保證質量，最終導致alert被提到了線上，最終在用戶側造成問題。

所以，大家以后debug還會使用alert么 ？

總結

以上是生活随笔為你收集整理的alert不会影响到页面中其他代码执行_JavaScript调试技巧合集——为什么不推荐使用alert调试代码？...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。