1. 程式人生 > >js除錯之console.log()

js除錯之console.log()

俗話說的好,不會前端是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));

總結完畢。畢竟是前端小白。大神文章的傳送門在這裡:
傳送門