js除錯之console.log()
阿新 • • 發佈:2019-01-21
俗話說的好,不會前端是phper不是好的php,可是我這對前端真的是一竅不通,連基礎的ajax都差點不會寫。除錯也花了不少時間,因此在這裡記錄一下。
一、console.log()的定義
console.log()相當於在瀏覽器的控制檯列印相關的資訊,並不會影響程式的程序,這點就和alert()形成了鮮明的對比。alert()相當於程式殺手,除錯的時候是在是不好用。 **二、console.log()的優點** console.log()還有個特點就是輸出的內容範圍比較廣。包括字串,物件,數字等。而alert()只能彈出字串。 其次是現在的主流瀏覽器都支援console.log(),對於我等前端小白來說,也是提供了不少便利。 **三,console.log()的用法** 一般來說都是在程式碼中列印: 舉個栗子: success: function(r) { alert(r.detail); if (r.code==200) { console.log(r.code); return false; location.href = "{{url('/create/red_list')}}"; 比如這段程式碼:判斷返回的code在200的情況下,列印一下code, 斷點用return false.非常的好用。 然後執行程式碼,在控制檯就能看到自己列印的資訊。 **四,關於用console.log輸出json字串的** 一般來說,ajax返回的都是物件。如果想要輸出json格式的字串,則需要我們進行一下轉化。轉化程式碼: console.log(JSON.stringify(data));
總結完畢。畢竟是前端小白。大神文章的傳送門在這裡:
傳送門