1-2 console 指令
📕

1-2 console 指令

課程名稱
JavaScript 入門教學
標籤
console.info

教學影片

 

時光戳記

0:00 歡迎訂閱 🔔 !按讚 👍 分享 🔥 與留言 💬 0:03 📖 本節目錄 0:19 Console 面板與 JavaScript 互動 2:31 console.log 3:43 console.info 4:06 console.warn & error 4:30 console.table 6:11 console.assert
7:27 console.clear 7:51 console.count 8:20 多次 console.count 8:58 console.time & timeEnd 9:48 💬 訊息堆疊 10:33 ⌨️ Console 快捷鍵 10:37 🧪 Lab 02 11:08 🙌 謝謝收看 👀

課堂講義

1-2 Console 面板

  • Console 面板與 JavaScript 互動
  • Console 指令
  • Console 面板其他說明
👉 [0:19]Console 面板與 JavaScript 互動

Console 面板與 JavaScript 互動

  • Console 面板尚可直接與 JavaScript 進行互動
// Chrome 中,Console 互動介面
    > function text(s){
        if(x=='1'){
            console.log('x為1');
        }else{
            console.log('x不為1');
        }
	    }
//
    > test(2);
    // x不為1
// 可能會出現 " <- undefined " 為未回傳返回值。
  • 可以在 Console 面板直接將 JavaScript 編寫並觀看結果

Console 指令 1/2

console.log

  • console.log(‘output’): 輸出訊息

console.info

  • console.info(‘output’): 輸出資訊

console.warn

  • console.warn(’output’): 輸出警示( 黃色 )

console.error

  • console.error(‘output’): 輸出錯誤( 紅色 )

Console 指令 2/2

console.table

  • console.table(): 以表格輸出組合結構訊息

console.assert

  • console.assert([條件式], ‘輸出的文字’): 用來斷定狀況,若是狀況有誤,輸出 Error 訊息

console.clear

  • console.clear(): 清空 console
    • 清空 console 面板中的指令、訊息