JavaScript:
การพิมพ์ผลลัพธ์การแก้ไขโค้ด

วิธีทำ:

Javascript ทำให้การพิมพ์ผลลัพธ์การดีบักง่ายมากด้วยการใช้ console.log() นี่คือวิธีการ:

console.log('Hello, debug world!');

let number = 42;
console.log('The number is:', number);

function add(a, b) {
  console.log(`Adding ${a} + ${b}`);
  return a + b;
}

let result = add(3, 4);
console.log('Result:', result);

ผลลัพธ์ตัวอย่างในคอนโซลบราวเซอร์หรือเทอร์มินัล Node.js จะปรากฏดังนี้:

Hello, debug world!
The number is: 42
Adding 3 + 4
Result: 7

ลงลึก

เมธอด console.log() มาจาก Console API ซึ่งได้เป็นเพื่อนในการดีบักในเบราว์เซอร์และสภาพแวดล้อม Node.js มานาน แต่ไม่ได้มีเพียงแค่ log; คุณยังมี console.warn(), console.error(), และ console.info(), ที่ทำงานแสดงข้อความด้วยระดับความรุนแรงที่ต่างกัน

นานมาแล้ว, นักพัฒนาจะใช้ alert() สำหรับการดีบัก แต่นั่นกลายเป็นสิ่งที่น่าเบื่ออย่างรวดเร็วเพราะมันขัดขวางการโต้ตอบของผู้ใช้ด้วยกล่องโต้ตอบที่ปรากฏขึ้น

ยังมี console.dir() ที่ให้มุมมองคล้าย JSON ของอ็อบเจกต์, ซึ่งเหมาะสำหรับการตรวจสอบอย่างลึกซึ้ง หากคุณต้องการติดตามเวลาที่ใช้, console.time() และ console.timeEnd() จะเป็นเพื่อนของคุณ

สำหรับผู้ที่ชื่นชอบผลลัพธ์ที่สะอาด, console.table() จะแสดงข้อมูลในรูปแบบตารางอย่างเรียบร้อย และเมื่อคุณไปไกลกว่าการดีบักแบบง่ายๆ และเข้าสู่ดินแดนของประสิทธิภาพ, Console API มีเครื่องมือเพิ่มเติมเช่น console.trace() สำหรับข้อมูลสแต็กการเรียก, console.profile() สำหรับการโปรไฟล์ประสิทธิภาพ, และอื่นๆ อีก

วิธีที่เมธอด console ถูกนำมาใช้อาจแตกต่างกันไปในสภาพแวดล้อม JavaScript ต่างๆ แต่แก่นแท้ยังคงเหมือนเดิม: พวกมันช่วยให้นักพัฒนาเข้าใจสิ่งที่กำลังเกิดขึ้นภายใต้ฝาหน้าได้อย่างรวดเร็วและง่ายดาย

ดูเพิ่มเติม

• MDN Web Docs บน Console API: https://developer.mozilla.org/en-US/docs/Web/API/Console
• คู่มือเอกสาร console ของ Node.js: https://nodejs.org/api/console.html
• คู่มือการใช้คำสั่ง console: https://getfirebug.com/wiki/index.php/Console_API