1-2 console 指令是什麼？ | JavaScript 程式語言網頁設計入門

English Title

简体标题

type

Post

status

Published

date

‣

slug

js-intro-1-2-what-is-console

summary

我們學習 Javascript 的 console，並學習如何使用 console 使程式輸出不同類型的訊息！2 我們學習 Javascript 的 console，並學習如何使用 console 使程式輸出不同類型的訊息！我們學習 Javascript 的 console，並學習如何使用 console 使程式輸出不同類型的訊息！我們學習 Javascript 的 console，並學習如何使用 console 使程式輸出不同類型的訊息！我們學習 Javascript 的 console，並學習如何使用 console 使程式輸出不同類型的訊息！我們學習 Javascript 的 console，並學習如何使用 console 使程式輸出不同類型的訊息！我們學習 Javascript 的 console，並學習如何使用 console 使程式輸出不同類型的訊息！

教學影片

時光戳記

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('輸出訊息')

console.info: 輸出資訊

通常與 console.log 相同，有的瀏覽器前面會多一個 i 的藍色小標

console.info('輸出資訊')

console.warn: 輸出注意警示( 黃色 )

console.warn('輸出注意警示會是黃色的')

console.error: 輸出錯誤警告( 紅色 )

console.error('輸出錯誤警告會是紅色的')

Console 指令 2/2

console.table: 輸出表格訊息

以表格輸出組合結構訊息

console.table(["蘋果", "橘子", "香蕉"]);

console.assert: 條件輸出錯誤訊息

用來斷定狀況，

若是狀況有誤，輸出 Error 訊息若是狀況正確，不輸出任何訊息

公式

console.assert([條件式], '輸出的文字')

範例

let a = 0
console.assert(a==1, '輸出的文字')

console.clear: 清空 console

清空 console 面板中的指令、訊息

console.clear()