教學影片
時光戳記
課堂講義
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 面板中的指令、訊息