เมื่อทำการดีบักโปรแกรม JavaScript บางครั้งคุณต้องทิ้งรายละเอียดของวัตถุบางอย่าง งานนี้สามารถทำได้โดยการเขียนรหัส JavaScript ด้วยตนเอง: การวนรอบสำหรับคุณสมบัติของวัตถุและพิมพ์ค่าคุณสมบัติแต่ละค่าที่วนซ้ำไป; จะเห็นได้ว่ากระบวนการนี้ค่อนข้างยุ่งยาก ในเบราว์เซอร์ที่มีเครื่องมือการดีบักงานนี้สามารถทำได้อย่างง่ายดายผ่านคำสั่ง console.dir ()
ใช้ console.dir ()
การใช้ console.dir () นั้นง่ายมากเพียงแค่ผ่านวัตถุที่ต้องการการถ่ายโอนข้อมูลในคำสั่งนี้ ตัวอย่างเช่นตัวอย่างต่อไปนี้:
การคัดลอกรหัสมีดังนี้:
ฟังก์ชั่นแมว (ชื่ออายุคะแนน) {
this.name = ชื่อ;
this.age = อายุ;
this.score = คะแนน;
-
var c = แมวใหม่ ("miao", 2, [6,8,7]);
console.dir (c);
โดยใช้ console.dir () ข้อมูลวัตถุแมวที่สร้างขึ้นใหม่จะถูกทิ้ง ในคอนโซล Firebug ผลลัพธ์คือ:
หากสิ่งที่ต้องทิ้งคือวัตถุ DOM ให้ใช้ console.dirxml () จะได้รับเอฟเฟกต์การแสดงผลที่ดีขึ้น
การสนับสนุนเบราว์เซอร์
console.dir () และ console.dirxml () ได้รับการสนับสนุนอย่างดีในเบราว์เซอร์ด้วยเครื่องมือการดีบักและเบราว์เซอร์หลักทั้งหมดรองรับฟังก์ชั่นนี้