Search
你僅使用 console.log 來查看 JS 的值嗎？
本篇介紹各種 console 語法，試著讓你的 log 更有質感吧：
- table：讓陣列內容以表格方式呈現
- 上色語法：使用 CSS 語法為你的 console 上色
- time：計算 JS 運算所花的時間
- group：群組化資訊
- 還有各種實戰運用技巧
#有在FB打開過Console嗎
#住手 #我們都是開發者啊
🔥 สวัสดีจ้า วันนี้แอดจะมาบอกต่อ 5 ฟีเจอร์เด็ดๆ ของ Javascript Console ที่จะช่วยให้เราสามารถ print log ได้สะดวกมากยิ่งขึ้น มีตัวไหนบ้างไปดูกันเลย
.
⚡ 1) Console Groups - จะทำการ log ค่าออกมาในรูปแบบ Group จะทำให้ดูได้ง่ายมากยิ่งขึ้น
.
📝 วิธีการใช้งาน - เปิดด้วย console.group() และปิดด้วย console.groupEnd(); เช่น
.
console.group("Person Data");
console.log("Name: BorntoDev");
console.log("Age: 4");
console.groupEnd();
console.log("Outside of the group...");
.
⚡ 2) Live Expressions - เป็นฟีเจอร์ของ Google Chrome ที่จะช่วยแสดงผลลัพธ์จากโค้ด JavaScript แบบเรียลไทม์ได้เลย
.
⚡ 3) Timing Your Code - ใช้เพื่อจับเวลาในการทำงานของโค้ด
.
📝 วิธีการใช้งาน - เปิดด้วย console.time() และปิดด้วย console.timeEnd() เช่น
.
console.time("addHeadings");
for (let i = 0; i < 10000; i++) {
document.body.insertAdjacentHTML("beforeend", "
Javascript abstract console log. GitHub Gist: instantly share code, notes, and snippets. ... <看更多>
javascript console log 在 淺談JavaScript 中的Debug 神器Console | 是Ray 不是Array 的推薦與評價
一般來說最常見的除錯語法就是 console.log ，許多在初學者都是使用這一個語法來除錯，使用方法也非常EZ ... ... <看更多>