ใช้องค์ประกอบ > คุณสมบัติเพื่อเรียกดูและกรองคุณสมบัติของออบเจ็กต์ DOM
เปิดแท็บพร็อพเพอร์ตี้
หากต้องการเปิดแท็บที่พัก ให้ทำตามขั้นตอนต่อไปนี้
- เปิดเครื่องมือสำหรับนักพัฒนาเว็บ โดยค่าเริ่มต้น แผงองค์ประกอบจะเปิดขึ้น
- เลือกโหนดในต้นไม้ DOM
- เปิดแท็บพร็อพเพอร์ตี้ หากไม่เห็นแท็บ ให้คลิกเพิ่มเติม แล้วเลือกแท็บจากเมนูแบบเลื่อนลง
สปอตพร็อพเพอร์ตี้ของตนเอง
แท็บคุณสมบัติจะจัดเรียงและแสดงพร็อพเพอร์ตี้ของตัวเองของออบเจ็กต์ก่อนและแสดงโดยใช้แบบอักษรตัวหนา
ค้นหาต้นทางของพร็อพเพอร์ตี้ที่รับมา
แท็บพร็อพเพอร์ตี้จะประเมินตัวรับค่าในองค์ประกอบในตัว และแสดงบนออบเจ็กต์เป็นรับค่าและแบบตัวอักษรปกติ
หากต้องการค้นหาต้นทางของพร็อพเพอร์ตี้ที่รับช่วงมา ให้ขยายออบเจ็กต์ จากนั้น [[Prototype]]
แล้ว [[Prototype]]
ที่ซ้อนกัน เป็นต้น
ในตัวอย่างนี้ คุณสามารถติดตามว่าพร็อพเพอร์ตี้ size
ที่รับช่วงมานั้นมาจากไหนโดยการค้นหาพร็อพเพอร์ตี้เดิม (ตัวหนา) ในห่วงโซ่ต้นแบบร่วมกับ Getter ที่เกี่ยวข้อง
นอกจากนี้ คุณสมบัติเฉพาะของต้นแบบจะแสดงในต้นแบบเท่านั้น โดยไม่แสดงบนวัตถุ ซึ่งจะช่วยให้วินิจฉัยวัตถุได้ง่ายขึ้น
กรองพร็อพเพอร์ตี้
หากต้องการค้นหาพร็อพเพอร์ตี้อย่างรวดเร็ว ให้เริ่มพิมพ์ชื่อหรือค่าในช่องป้อนข้อมูลตัวกรอง
แสดงที่พักทั้งหมด
โดยค่าเริ่มต้น แท็บที่พักจะไม่แสดงที่พักที่มีค่า null
และ undefined
หากต้องการดูที่พักทั้งหมด ให้เลือกแสดงทั้งหมด
ทำความเข้าใจพร็อพเพอร์ตี้
องค์ประกอบ > แท็บที่พักจะแสดงที่พักที่หลากหลาย
พร็อพเพอร์ตี้แบบง่าย
พร็อพเพอร์ตี้แบบง่ายคือคู่ <name>: <value>
ออบเจ็กต์และอาร์เรย์
พร็อพเพอร์ตี้แบบยุบได้ ({}
หรืออาร์เรย์ []
ดูข้อมูลเพิ่มเติมเกี่ยวกับการตรวจสอบออบเจ็กต์ JavaScript ได้ที่ตรวจสอบพร็อพเพอร์ตี้ออบเจ็กต์
พร็อพเพอร์ตี้ที่สอดคล้องกับโหนด DOM
พร็อพเพอร์ตี้ที่สอดคล้องกับโหนด DOM คือลิงก์ คลิกลิงก์เพื่อเลือกโหนดที่เกี่ยวข้องในแผนผัง DOM
พร็อพเพอร์ตี้ที่เป็นของตัวเองและที่รับช่วงมา
คุณสมบัติที่เป็นแบบอักษรตัวหนาเป็นของออบเจ็กต์ โดยกำหนดไว้ในออบเจ็กต์โดยตรง
พร็อพเพอร์ตี้ในแบบอักษรปกติจะรับค่ามาจากเชนต้นแบบ เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์จะประเมินตัวรับข้อมูลที่เกี่ยวข้องในองค์ประกอบ HTML ในตัวเพื่อแสดงให้คุณเห็น เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์จะจัดเรียงพร็อพเพอร์ตี้ของตัวเองก่อนเพื่อให้สังเกตได้ง่ายขึ้น
คุณสมบัติเชิงแจกแจงและที่ไม่สามารถแจกแจงได้
พร็อพเพอร์ตี้ Enumerable มีสีสด ระบบจะปิดเสียงพร็อพเพอร์ตี้ที่ไม่ใช่รายการ
คุณสามารถวนซ้ำพร็อพเพอร์ตี้ที่นับได้โดยใช้ลูป for … in
หรือเมธอด Object.keys()
เมธอด
เมธอดจะมีเครื่องหมาย f ()
ดูข้อมูลเพิ่มเติมเกี่ยวกับฟังก์ชันต่างๆ ได้ที่ตรวจสอบฟังก์ชันผ่านคอนโซล