前言
Console
為全域 window 下的某個屬性Console。Console其是個物件(Object),裡面有許多方法(methods),那該如何開啟 Console呢?
請先打開瀏覽器(以Chrome來做示範),滑鼠右鍵檢查
或是 在鍵盤上按下F12
打開開發者工具,選擇 Console即完成。
1 | //內建的 console |
其實可以建立 自訂 console 物件,如有需要可以再呼叫全域的console是沒有問題的。
1 | //或是定義別的名稱 ,如此一來就不用每次用完console.log()就把它註解或是砍掉,將isView設定為 false即可。 |
log
顯示訊息文字在console上,
console.log(),參數分別有,字串、整是、物件等,可以使用逗點無限加入參數
1 | //Interpolated 字串格式 %s, %d, %f, %o |
Styled
console 的訊息字改變樣式
1 | console.log("這邊不會變成紅字%c住手,請勿使用Console", "Font-size:20px;Color:red"); |
warn
! 警告 warning,可以在程式中標記
1 | console.warn("Oops 警告"); |
error
錯誤 Error,可以在程式中標記 (少用)
1 | console.error("Oops 發生錯誤"); |
info
類似於 log
1 | console.info("資訊"); |
結語
本身在除蟲都只使用 log 而已,但其他還有很多好用的方法 可以在參考 MDN Console