TypeScript:
การพิมพ์ผลลัพธ์การแก้ไขโค้ด
วิธีการ:
ต้องการพิมพ์ผลดีบักใน TypeScript หรือ? วิธีใช้ Console เป็นตัวเลือกหลักของคุณ ดู console.log, console.error, และเพื่อนๆ ในการทำงาน:
// ข้อความบันทึกพื้นฐาน
console.log('Look Ma, I am debugging!');
// ข้อความบันทึกแบบกลุ่ม
console.group('User Details');
console.log('Name: John Doe');
console.log('Age: 34');
console.groupEnd();
// ตาราง
console.table([{ a: 1, b: 'Y' }, { a: 'Z', b: 2 }]);
// ผลดีบักประเภท Error
console.error('Oops! Something went wrong.');
// ผลดีบักประเภท Warning
console.warn('This is a warning.');
// ผลดีบักประเภท Debug
console.debug('This is a debug message.');ตัวอย่างผลลัพธ์:
Look Ma, I am debugging!
User Details
Name: John Doe
Age: 34
(index) a b
0 1 "Y"
1 "Z" 2
Oops! Something went wrong.
This is a warning.
This is a debug message.ลงลึก
กลับไปในวันนั้น, เรามี alert() - มันเข้ามาด้านหน้าและบล็อกงานจนกระทั่งจัดการได้ ตอนนี้, เมธอด console ครอบคลุม พวกมันน้อยกวนน้อยลงและมาพร้อมกับซุปเปอร์พาวเวอร์: จัดหมวดหมู่ข้อความ, พิมพ์ตาราง, หรือสไตล์ผลลัพธ์
มีทางเลือกอื่นหรือ? แน่นอน คุณอาจเขียนไปยังไฟล์หรือส่งข้อความผ่านเครือข่ายเพื่อการบันทึกแบบรีโมท สำหรับบราวเซอร์, เครื่องมือเช่น Chrome’s DevTools ให้คุณควบคุมระดับและรูปแบบของการบันทึกได้มากขึ้น
ในเรื่องการใช้งาน, console ใน TypeScript กลายเป็น JavaScript เมื่อถึงเวลาที่รัน, และนั่นคือที่ที่การกระทำทั้งหมดเกิดขึ้น ประเภท TypeScript ที่หรูหราไม่เปลี่ยนเกมในที่นี้ - เป็น console ธรรมดาภายใต้ฮูด, ไม่ว่าจะเป็นบราวเซอร์หรือ Node