[Javascript tips] Console มีมากกว่าแค่ปริ๊น log

Panacholn Pongsamrithphol
THiNKNET Engineering
2 min readJan 13, 2018

--

ในการเขียนโปรแกรมขึ้นมาสักโปรแกรมนึง developer ทุกคนจะต้องมีการ debug code หรือ check logic ของโค้ดต้วเองเพื่อให้มั่นใจว่าโค้ดตัวเองทำงานได้ถูกต้องตาม requirement ที่ได้รับมา ซึ่งส่วนใหญ่แล้วก็จะเป็นการปริ๊นข้อความออกมาทาง console (ถ้าใช้ javascript ทุกคนคงจะคุ้นเคยกับ console.log() แน่ๆ)

แต่ที่จริงแล้ว console ของ javascript ยังทำได้อีกหลายอย่างนอกจากแค่ปริ๊น log ให้เราดูเฉยๆ ยกตัวอย่างเช่น

Console.log()

console.log() example

คำสั่งนี้ใช้สำหรับปริ๊นข้อความทั่วๆไปให้ขึ้นไปอยู่บน web console หรือ terminal

Console.info()

console.info() example

คำสั่งนี้ใช้สำหรับปริ๊นข้อมูลต่างๆ (information)ให้ขึ้นไปอยู่บน web console หรือ terminal

Console.warn()

console.warn() example

คำสั่งนี้ใช้สำหรับปริ๊นข้อความแจ้งเตือนต่างๆให้ขึ้นไปอยู่บน web console หรือ terminal

Console.error()

console.error() example

คำสั่งนี้ใช้สำหรับปริ๊น information ต่างๆให้ขึ้นไปอยู่บน web console หรือ terminal

Console.table()

console.table() example

คำสั่งนี้ใช้สำหรับปริ๊นข้อมูลต่างๆที่เป็น Object หรือ Arrayให้ขึ้นไปอยู่ในรูปตารางบน web console หรือ terminal

Console.time() และ Console.timeEnd()

console.time() and console.timeEnd() example

คำสั่งนี้ใช้สำหรับจับเวลาแล้วปริ๊นผลเวลาบน web console หรือ terminal โดยใช้คำสั่ง console.time() ตอนเริ่มจับเวลา และ console.timeEnd() ตอนสิ้นสุดการจับเวลา

** สามารถใส่ label เข้าไปได้ กรณีจับเวลาหลายๆอย่างพร้อมกัน **

Console.count()

console.count() example

คำสั่งนี้ใช้สำหรับนับจำนวนครั้งที่สั่ง count() แล้วปริ๊นผลบน web console หรือ terminal

** ถ้าใส่ label เข้าไป จะนับจำนวนครั้งที่สั่ง count() ด้วย label นั้น **

Console.assert()

console.assert() example

คำสั่งนี้จะรับ assertion และ message เข้าไป ถ้า assertion เป็น true จะไม่ทำอะไร แต่ถ้าเป็น false จะปริ๊น message บน web console หรือ terminal (ถ้ารันบน nodejs จะ throw AssertionError ออกมา)

Console.group() และ Console.groupEnd()

console.group() and console.groupEnd() example

คำสั่งนี้ใช้สำหรับทำให้ console อื่นๆที่อยู่ระหว่าง 2 คำสั่งนี้ เวลาปริ๊นออกมาจะมี indent มาด้วยเวลาโชว์บน web console หรือ terminal

Console.trace()

console.trace() example

คำสั่งนี้ใช้สำหรับปริ๊น stack trace ออกมาบน web console หรือ terminal

นอกจากนี้ ยังมีบาง function ของ console ที่ยังไม่ได้กล่าวถึงอีก เพราะ function พวกนั้นยังไม่ได้เป็น function มาตรฐาน (ยังใช้กับ user ทุกคนไม่ได้)

การใช้ console ให้ถูกกับวัตถุประสงค์ของเราจะทำให้เราสามารถทำงานของเราได้อย่างสะดวกยิ่งขึ้น และยังสามารถจัดการกับ log ในระบบเราได้ดียิ่งขึ้นด้วย…

--

--