Quantcast
Channel: cc :: somkiat
Viewing all articles
Browse latest Browse all 1997

เรื่องของ Console API ใน JavaScript

$
0
0

จากการพัฒนาระบบงานด้วย JavaScript และ NodeJS นั้น
พบว่ามีการใช้คำสั่ง console.log() เป็นจำนวนมาก
บ่อยครั้งการใช้งานไม่ได้ผลตรงที่ต้องการอีกด้วย
จึงทำการแนะนำการใช้งาน Console API เพิ่มเติมนิดหน่อย
มาเริ่มกันเลย

ปล. 
ตอนขึ้น production ก็เอาออกกันด้วยละ 

การใช้งาน Console API พื้นฐาน

ส่วนมากจะเจอในการ debug การทำงานของระบบงานดังนี้

  • console.log() เจอเยอะที่สุด
  • console.warn()
  • console.error()

มาดู method อื่น ๆ ที่มีประโยชน์กันบ้าง

1. Console.table()

ทำการแสดงข้อมูลของ object และพวก array ออกมาในรูปแบบตาราง
ซึ่งอ่านง่านและเข้าใจได้ง่าย

2. Console.assert()

ทำการตรวจสอบค่าที่ส่งเข้าว่า true หรือ false
ถ้าค่าที่ส่งเข้าไปได้ผลเป็น false แล้วจะเขียน log ออกมาให้เราได้เห็น
แต่ถ้าเป็น true จะไม่แสดงผล log ออกมา
ค่าที่เป็น false ประกอบไปด้วย 0, false, ค่าว่าง เป็นต้น

3. Console.count()

สำหรับการนับค่าหรือนับจำนวนครั้งในการทำงาน
มีประโยชน์ตอนที่เราจะ debug ระบบงานอย่างมาก
ยิ่งพวกที่มี life cycle แปลก ๆ จะทำให้เราเข้าใจการทำงานได้ง่ายขึ้น
ซึ่งจะใช้ควบคู่ไปกับ Console.countReset()

4. Console.group()

ทำการจัดกลุ่มของ log ให้อ่านเข้าใจได้ง่าย
โดยเริ่มด้วยการใช้งาน Console.group()
และปิดท้ายด้วย Console.groupEnd()

ยังมีอีกนะ
เช่นถ้าต้องการดู performace ของการทำงานของ code
สามารถใช้งาน console.time() และ console.timeEnd() ได้อีก

ยังไม่พอนะ Console.log() ยังใส่ style ได้อีกด้วยนะ

จะเห็นได้ว่า Console API นั้นมีความสามารถให้ใช้เยอะมาก ๆ

ลองศึกษาเพิ่มกันได้ครับ


Viewing all articles
Browse latest Browse all 1997

Trending Articles