ข้อมูลอ้างอิงฟีเจอร์ของคอนโซล

Kayce Basques

Twitter GitHub กลิทช์

Sofia Emelianova

GitHub

หน้านี้เป็นข้อมูลอ้างอิงของฟีเจอร์ที่เกี่ยวข้องกับคอนโซลเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome โดยจะถือว่าคุณคุ้นเคยกับการใช้คอนโซล เพื่อดูข้อความที่บันทึกและเรียกใช้ JavaScript อยู่แล้ว หากไม่ โปรดดูที่เริ่มต้นใช้งาน

หากต้องการทราบข้อมูลอ้างอิง API เกี่ยวกับฟังก์ชันอย่าง console.log() โปรดดูข้อมูลอ้างอิง Console API ดูข้อมูลอ้างอิงเกี่ยวกับฟังก์ชันอย่างเช่น monitorEvents() ได้ที่ข้อมูลอ้างอิง Console Utilities API

เปิดคอนโซล

คุณเปิดคอนโซลเป็นแผงหรือเป็นแท็บในลิ้นชักได้

เปิดแผงคอนโซล

กด Control+Shift+J หรือ Command+Option+J (Mac)

หากต้องการเปิดคอนโซลจากเมนูคำสั่ง ให้เริ่มพิมพ์ Console แล้วเรียกใช้คำสั่งแสดงคอนโซลที่มีป้ายแผงอยู่ข้างๆ

เปิดคอนโซลในลิ้นชัก

กด Escape หรือคลิกปรับแต่งและควบคุมเครื่องมือสำหรับนักพัฒนาเว็บ จากนั้นเลือกแสดงลิ้นชักคอนโซล

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

หากต้องการเปิดแท็บคอนโซลจากเมนูคำสั่ง ให้เริ่มพิมพ์ Console แล้วเรียกใช้คำสั่งแสดงคอนโซลที่มีป้ายลิ้นชักอยู่ข้างๆ

เปิดการตั้งค่าคอนโซล

คลิก การตั้งค่าคอนโซลที่มุมขวาบนของคอนโซล

ประเด็นสำคัญ: อย่าสับสนกับ การตั้งค่าเครื่องมือสำหรับนักพัฒนาเว็บด้านบนและข้างเมนู 3 จุดของ

ลิงก์ด้านล่างจะอธิบายการตั้งค่าแต่ละรายการ

• ซ่อนเครือข่าย
• เก็บบันทึก
• บริบทที่เลือกเท่านั้น
• จัดกลุ่มข้อความที่คล้ายกันในคอนโซล
• แสดงข้อผิดพลาด CORS ในคอนโซล
• บันทึก XMLHttpRequests
• การประเมินที่ตั้งใจ
• การเติมข้อความอัตโนมัติจากประวัติการเข้าชม

เปิดแถบด้านข้างของคอนโซล

คลิก Show Console Sidebar เพื่อแสดง Sidebar ซึ่งมีประโยชน์สำหรับการกรอง

ดูข้อความ

ส่วนนี้ประกอบด้วยฟีเจอร์ที่เปลี่ยนวิธีแสดงข้อความในคอนโซล โปรดดูที่ดูข้อความสำหรับคำแนะนำแบบทีละขั้นแบบลงมือทำ

ปิดใช้การจัดกลุ่มข้อความ

เปิดการตั้งค่าคอนโซลและปิดใช้กลุ่มที่คล้ายกันเพื่อปิดใช้ลักษณะการจัดกลุ่มข้อความเริ่มต้นของคอนโซล โปรดดูตัวอย่างในบันทึกคำขอ XHR และการดึงข้อมูล

ดูข้อความจากเบรกพอยท์

คอนโซลจะทำเครื่องหมายข้อความที่เรียกโดยเบรกพอยท์ด้วยวิธีต่อไปนี้

• การเรียก console.* ในเบรกพอยท์แบบมีเงื่อนไขที่มีเครื่องหมายคำถามสีส้ม ?
• ข้อความจุดตรวจสอบที่มีจุด 2 จุดสีชมพู ..

หากต้องการข้ามไปยังตัวแก้ไขเบรกพอยท์ในบรรทัดในแผงแหล่งที่มา ให้คลิกลิงก์ Anchor ข้างข้อความเบรกพอยท์

ดูสแต็กเทรซ

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

หากต้องการดูสแต็กเทรซ ให้คลิกไอคอนขยาย ข้างข้อผิดพลาดหรือคำเตือน

ดูสแต็กเทรซที่ไม่พร้อมกัน

หากเฟรมเวิร์กที่คุณใช้รองรับหรือเมื่อใช้พื้นฐานการกำหนดเวลาของเบราว์เซอร์โดยตรง เช่น setTimeout เครื่องมือสำหรับนักพัฒนาเว็บจะติดตามการดำเนินการอะซิงโครนัสได้ด้วยการลิงก์โค้ดทั้ง 2 ส่วนเข้าด้วยกัน

ในกรณีนี้ สแต็กเทรซจะแสดง "เรื่องราวทั้งหมด" ของการดำเนินการที่ไม่พร้อมกัน

ประเด็นหลัก: เครื่องมือสำหรับนักพัฒนาเว็บใช้ฟีเจอร์ "การติดแท็กสแต็กแบบไม่พร้อมกัน" นี้ตามเมธอด API ของ console.createTask() เครื่องมือสำหรับนักพัฒนาเว็บส่งเสริมเฟรมเวิร์กและกระบวนการต่างๆ ในการใช้ API นี้ ตัวอย่างเช่น Angular ก็รองรับฟีเจอร์นี้

แสดงเฟรมของบุคคลที่สามที่รู้จักในสแต็กเทรซ

เมื่อการแมปแหล่งที่มามีช่อง ignoreList โดยค่าเริ่มต้น คอนโซลจะซ่อนเฟรมของบุคคลที่สามจากต้นทางที่สร้างโดย Bundler (เช่น Webpack) หรือเฟรมเวิร์ก (เช่น Angular)

หากต้องการดูสแต็กเทรซทั้งหมดรวมถึงเฟรมของบุคคลที่สาม ให้คลิกแสดงอีก N เฟรมที่ด้านล่างของสแต็กเทรซ

หากต้องการดูสแต็กเทรซทั้งหมด ให้ปิดการตั้งค่า การตั้งค่า > รายการละเว้น > เพิ่มสคริปต์ของบุคคลที่สามที่รู้จักลงในรายการละเว้นโดยอัตโนมัติ

บันทึกคำขอ XHR และการดึงข้อมูล

เปิดการตั้งค่า Console และเปิดใช้ Log XMLHttpRequests เพื่อบันทึกคำขอ XMLHttpRequest และ Fetch ทั้งหมดไปยัง Console ทันทีที่เกิดขึ้น

ข้อความยอดนิยมในตัวอย่างด้านบนแสดงลักษณะการจัดกลุ่มที่เป็นค่าเริ่มต้นของคอนโซล ตัวอย่างด้านล่างแสดงลักษณะของบันทึกเดียวกันหลังจากปิดใช้การจัดกลุ่มข้อความ

คงข้อความไว้ในการโหลดหน้าเว็บ

โดยค่าเริ่มต้น คอนโซลจะล้างออกทุกครั้งที่คุณโหลดหน้าใหม่ หากต้องการคงข้อความไว้ในการโหลดหน้าเว็บ ให้เปิดการตั้งค่าคอนโซล จากนั้นเปิดใช้ช่องทำเครื่องหมายเก็บบันทึก

ซ่อนข้อความเครือข่าย

โดยค่าเริ่มต้น เบราว์เซอร์จะบันทึกข้อความของเครือข่ายไปยังคอนโซล เช่น ข้อความยอดนิยมในตัวอย่างต่อไปนี้แสดงถึงข้อผิดพลาด 404

วิธีซ่อนข้อความของเครือข่าย

1. เปิดการตั้งค่า Console
2. เปิดใช้ช่องทำเครื่องหมายซ่อนเครือข่าย

แสดงหรือซ่อนข้อผิดพลาด CORS

คอนโซลจะแสดงข้อผิดพลาด CORS ได้ หากคำขอของเครือข่ายไม่สำเร็จเนื่องจากการแชร์ทรัพยากรข้ามโดเมน (CORS)

วิธีแสดงหรือซ่อนข้อผิดพลาด CORS

1. เปิดการตั้งค่า Console
2. เลือกหรือล้างช่องทำเครื่องหมายแสดงข้อผิดพลาด CORS ในคอนโซล

หากคอนโซลตั้งค่าให้แสดงข้อผิดพลาด CORS และคุณพบข้อผิดพลาด ให้คลิกที่ปุ่มข้างข้อผิดพลาดต่อไปนี้

• เพื่อเปิดคำขอที่มี TypeError ที่เกี่ยวข้องกับ CORS ในแผงเครือข่าย
• เพื่อรับวิธีแก้ไขปัญหาที่เป็นไปได้ในแท็บปัญหา

กรองข้อความ

คุณกรองข้อความในคอนโซลออกได้หลายวิธี

กรองข้อความของเบราว์เซอร์ออก

เปิดแถบด้านข้างของคอนโซล แล้วคลิกข้อความสำหรับผู้ใช้เพื่อแสดงเฉพาะข้อความที่มาจาก JavaScript ของหน้าเว็บ

กรองตามระดับการบันทึก

เครื่องมือสำหรับนักพัฒนาเว็บจะกำหนดระดับความรุนแรงของเมธอด console.* ส่วนใหญ่

ซึ่งมี 4 ระดับดังนี้

• Verbose
• Info
• Warning
• Error

ตัวอย่างเช่น console.log() อยู่ในกลุ่ม Info ในขณะที่ console.error() อยู่ในกลุ่ม Error ข้อมูลอ้างอิง API คอนโซลอธิบายระดับความรุนแรงของแต่ละวิธีที่เกี่ยวข้อง

ทุกข้อความที่เบราว์เซอร์บันทึกลงในคอนโซลก็มีระดับความรุนแรงด้วยเช่นกัน คุณสามารถซ่อนข้อความในระดับใดก็ได้ที่ไม่สนใจ ตัวอย่างเช่น ถ้าต้องการเฉพาะข้อความ Error คุณสามารถซ่อนอีก 3 กลุ่ม

คลิกเมนูแบบเลื่อนลง Log Levels เพื่อเปิดหรือปิดใช้ข้อความ Verbose, Info, Warning หรือ Error

นอกจากนี้ คุณยังกรองตามระดับการบันทึกได้โดย การเปิดแถบด้านข้างของคอนโซล แล้วคลิกข้อผิดพลาด คำเตือน, ข้อมูล หรือแบบละเอียด

กรองข้อความตาม URL

พิมพ์ url: ตามด้วย URL เพื่อดูเฉพาะข้อความที่มาจาก URL นั้น หลังจากที่คุณพิมพ์ url: เครื่องมือสำหรับนักพัฒนาเว็บจะแสดง URL ที่เกี่ยวข้องทั้งหมด

โดเมนก็ใช้ได้เช่นกัน เช่น หาก https://example.com/a.js และ https://example.com/b.js กําลังบันทึกข้อความ url:https://example.com จะช่วยให้คุณโฟกัสที่ข้อความจากสคริปต์ 2 รายการนี้

หากต้องการซ่อนข้อความทั้งหมดจาก URL ที่ระบุ ให้พิมพ์ -url: ตามด้วย URL เช่น https://b.wal.co นี่คือตัวกรอง URL เชิงลบ

นอกจากนี้ คุณยังแสดงข้อความจาก URL เดียวได้โดยการเปิดแถบด้านข้างของคอนโซล ขยายส่วนข้อความของผู้ใช้ แล้วคลิก URL ของสคริปต์ที่มีข้อความที่ต้องการมุ่งเน้น

กรองข้อความที่มาจากบริบทต่างๆ

สมมติว่าคุณมีโฆษณาบนหน้าเว็บ โฆษณาฝังอยู่ใน <iframe> และกำลังสร้างข้อความจำนวนมากในคอนโซล เนื่องจากโฆษณานี้อยู่ในบริบท JavaScript ที่ต่างกัน วิธีหนึ่งที่จะซ่อนข้อความได้คือการเปิดการตั้งค่าคอนโซล และเปิดใช้ช่องทำเครื่องหมายบริบทที่เลือกเท่านั้น

กรองข้อความที่ไม่ตรงกับรูปแบบนิพจน์ทั่วไปออก

พิมพ์นิพจน์ทั่วไป เช่น /[foo]\s[bar]/ ในช่องข้อความตัวกรองเพื่อกรองข้อความที่ไม่ตรงกับรูปแบบนั้นออกไป ไม่รองรับการเว้นวรรค โปรดใช้ \s แทน เครื่องมือสำหรับนักพัฒนาเว็บจะตรวจสอบว่าพบรูปแบบในข้อความหรือสคริปต์ที่ทำให้บันทึกข้อความหรือไม่

ตัวอย่างเช่น รายการต่อไปนี้จะกรองข้อความที่ไม่ตรงกับ /[gm][ta][mi]/ ออกทั้งหมด

ค้นหาข้อความในบันทึก

หากต้องการค้นหาข้อความในบันทึก ให้ทำดังนี้

1. หากต้องการเปิดแถบค้นหาในตัว ให้กด Command+F (Mac) หรือ Ctrl+F (Windows, Linux)
2. พิมพ์ข้อความค้นหาในแถบ ในตัวอย่างนี้ คำค้นหาคือ legacy หรือคุณจะทำสิ่งต่อไปนี้ได้
   • คลิก ตรงตามตัวพิมพ์ใหญ่-เล็ก เพื่อให้คำค้นหาคำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่
   • คลิก ใช้นิพจน์ทั่วไปเพื่อค้นหาโดยใช้นิพจน์ RegEx
3. กด Enter หากต้องการข้ามไปยังผลการค้นหาก่อนหน้าหรือถัดไป ให้กดปุ่มขึ้นหรือลง

เรียกใช้ JavaScript

ส่วนนี้ประกอบด้วยฟีเจอร์ที่เกี่ยวข้องกับการเรียกใช้ JavaScript ในคอนโซล โปรดดูคำแนะนำแบบลงมือปฏิบัติจริงที่เรียกใช้ JavaScript

ตัวเลือกการคัดลอกสตริง

คอนโซลแสดงผลสตริงเป็นลิเทอรัล JavaScript ที่ถูกต้องโดยค่าเริ่มต้น คลิกขวาที่เอาต์พุตและเลือกจากตัวเลือกการคัดลอก 3 ตัวเลือกต่อไปนี้

• คัดลอกเป็นสัญพจน์ JavaScript ใช้ Escape กับสัญลักษณ์พิเศษที่เหมาะสมและรวมสตริงไว้ในเครื่องหมายคำพูดเดี่ยว เครื่องหมายคำพูดคู่ หรือเครื่องหมายแบ็กทิก ซึ่งขึ้นอยู่กับเนื้อหา
• คัดลอกเนื้อหาสตริง คัดลอกสตริงข้อมูลดิบทั้งหมดไปยังคลิปบอร์ด รวมทั้งบรรทัดใหม่และสัญลักษณ์พิเศษอื่นๆ
• คัดลอกเป็นสัญพจน์ JSON จัดรูปแบบสตริงเป็น JSON ที่ถูกต้อง

เรียกใช้นิพจน์จากประวัติอีกครั้ง

กดปุ่มลูกศรขึ้นเพื่อวนดูประวัติของนิพจน์ JavaScript ที่คุณเรียกใช้ก่อนหน้านี้ในคอนโซล กด Enter เพื่อเรียกใช้นิพจน์นั้นอีกครั้ง

ดูค่าของนิพจน์แบบเรียลไทม์ด้วย Live Expression

หากพบว่าคุณต้องพิมพ์นิพจน์ JavaScript เดียวกันในคอนโซลซ้ำๆ คุณอาจสร้าง Live Expression ได้ง่ายกว่า เมื่อใช้นิพจน์ทั่วไป ให้พิมพ์นิพจน์ 1 ครั้ง แล้วปักหมุดนิพจน์ดังกล่าวไว้ที่ด้านบนของคอนโซล ค่าของนิพจน์จะอัปเดตในเวลาที่ใกล้เคียงกับเวลาจริง โปรดดูดูค่านิพจน์ JavaScript แบบเรียลไทม์ด้วยนิพจน์สด

ปิดใช้การประเมินโดยตั้งใจ

ขณะที่คุณพิมพ์นิพจน์ JavaScript ในคอนโซล การประเมิน Evaluation จะแสดงตัวอย่างของค่าที่แสดงผลของนิพจน์นั้น เปิดการตั้งค่า Console และปิดใช้ช่องทำเครื่องหมาย Evaluation เพื่อปิดตัวอย่างค่าที่ส่งกลับ

กระตุ้นการเปิดใช้งานผู้ใช้ด้วยการประเมิน

การเปิดใช้งานผู้ใช้คือสถานะของเซสชันการท่องเว็บโดยขึ้นอยู่กับการดำเนินการของผู้ใช้ สถานะ "ใช้งานอยู่" หมายความว่าผู้ใช้กำลังโต้ตอบกับหน้าเว็บหรือโต้ตอบตั้งแต่มีการโหลดหน้าเว็บ

หากต้องการกระตุ้นการเปิดใช้งานผู้ใช้เมื่อมีการประเมิน ให้เปิดการตั้งค่าคอนโซลและทำเครื่องหมายที่ ประเมินทริกเกอร์การเปิดใช้งานของผู้ใช้

ปิดการเติมข้อความอัตโนมัติจากประวัติ

เมื่อคุณพิมพ์นิพจน์ ป๊อปอัปเติมข้อความอัตโนมัติของคอนโซลจะแสดงนิพจน์ที่คุณเรียกใช้ก่อนหน้านี้ นิพจน์เหล่านี้จะถูกแทรกด้วยอักขระ > ในตัวอย่างต่อไปนี้ เครื่องมือสำหรับนักพัฒนาเว็บได้ประเมิน document.querySelector('a') และ document.querySelector('img') ไว้ก่อนหน้านี้

เปิดการตั้งค่าคอนโซลและปิดใช้ช่องทำเครื่องหมายเติมข้อความอัตโนมัติจากประวัติเพื่อหยุดแสดงนิพจน์จากประวัติ

เลือกบริบท JavaScript

โดยค่าเริ่มต้น เมนูแบบเลื่อนลงบริบท JavaScript จะตั้งค่าเป็นด้านบน ซึ่งจะแสดงบริบทการเรียกดูของเอกสารหลัก

สมมติว่าคุณมีโฆษณาในหน้าเว็บที่ฝังอยู่ใน <iframe> คุณต้องเรียกใช้ JavaScript เพื่อปรับแต่ง DOM ของโฆษณา ในการดำเนินการ ก่อนอื่นคุณต้องเลือกบริบทการท่องเว็บของโฆษณาจากเมนูแบบเลื่อนลงบริบท JavaScript

ตรวจสอบพร็อพเพอร์ตี้ออบเจ็กต์

คอนโซลจะแสดงรายการพร็อพเพอร์ตี้แบบอินเทอร์แอกทีฟของออบเจ็กต์ JavaScript ที่คุณระบุได้

หากต้องการเรียกดูรายการ ให้พิมพ์ชื่อออบเจ็กต์ลงในคอนโซล แล้วกด Enter

หากต้องการตรวจสอบพร็อพเพอร์ตี้ของออบเจ็กต์ DOM ให้ทำตามขั้นตอนในหัวข้อดูพร็อพเพอร์ตี้ของออบเจ็กต์ DOM

พร็อพเพอร์ตี้ของตนเองและที่รับช่วงมา

คอนโซลจะจัดเรียงพร็อพเพอร์ตี้ออบเจ็กต์ของตัวเองก่อนและไฮไลต์พร็อพเพอร์ตี้เหล่านั้นด้วยแบบอักษรตัวหนา

พร็อพเพอร์ตี้ที่รับช่วงมาจากเชนต้นแบบจะเป็นแบบอักษรปกติ คอนโซลจะแสดงบทบาทเหล่านั้นบนออบเจ็กต์โดยการประเมินตัวเข้าถึงดั้งเดิมของออบเจ็กต์ในตัวที่สอดคล้องกัน

ประเมินตัวเข้าถึงที่กำหนดเอง

โดยค่าเริ่มต้น เครื่องมือสำหรับนักพัฒนาเว็บจะไม่ประเมินตัวเข้าถึงที่คุณสร้าง หากต้องการประเมินตัวเข้าถึงที่กำหนดเองในออบเจ็กต์ ให้คลิก (...)

พร็อพเพอร์ตี้ที่แจกแจงได้และแจกแจงไม่ได้ของสปอต

คุณสมบัติที่แจกแจงได้มีสีสว่างสดใส พร็อพเพอร์ตี้ที่ไม่สามารถแจกแจงได้จะถูกปิดเสียง คุณสามารถทำซ้ำพร็อพเพอร์ตี้ที่นับได้ด้วยการวนซ้ำ for … in หรือเมธอด Object.keys()

สังเกตพร็อพเพอร์ตี้ส่วนตัวของอินสแตนซ์คลาส

คอนโซลจะกำหนดพร็อพเพอร์ตี้ส่วนตัวของอินสแตนซ์คลาสที่มีคำนำหน้า #

คอนโซลยังเติมข้อความพร็อพเพอร์ตี้ส่วนตัวอัตโนมัติได้แม้ว่าคุณจะประเมินพร็อพเพอร์ตี้เหล่านั้นนอกขอบเขตของชั้นเรียนก็ตาม

ตรวจสอบพร็อพเพอร์ตี้ JavaScript ภายใน

คอนโซลใช้รูปแบบ ECMAScript ใส่พร็อพเพอร์ตี้บางรายการภายใน JavaScript ไว้ในวงเล็บเหลี่ยม คุณจะโต้ตอบกับพร็อพเพอร์ตี้ดังกล่าวในโค้ดไม่ได้ อย่างไรก็ตาม วิธีนี้อาจเป็นประโยชน์ต่อการตรวจสอบ

คุณอาจเห็นพร็อพเพอร์ตี้ภายในต่อไปนี้ในออบเจ็กต์ต่างๆ

• ออบเจ็กต์ใดก็ได้มี [[Prototype]]
• Wrapper พื้นฐานมีพร็อพเพอร์ตี้ [[PrimitiveValue]]
• ArrayBuffer ออบเจ็กต์มีพร็อพเพอร์ตี้ต่อไปนี้
  • [[Int8Array]], [[Uint8Array]], [[Int16Array]] และ [[Int32Array]]
  • [[ArrayBufferByteLength]], [[ArrayBufferData]]
    จุดสำคัญ: หากต้องการตรวจสอบ JavaScripts ArrayBuffer ที่ออบเจ็กต์มุมมองอ้างถึง ให้คลิกปุ่ม
• นอกเหนือจากพร็อพเพอร์ตี้เฉพาะของ ArrayBuffer แล้ว ออบเจ็กต์ WebAssembly.Memory รายการยังมีพร็อพเพอร์ตี้ [[WebAssemblyMemory]] ด้วย
• คอลเล็กชันคีย์ (แมปและชุด) มีพร็อพเพอร์ตี้ [[Entries]] ที่มีรายการคีย์
• Promise ออบเจ็กต์มีพร็อพเพอร์ตี้ต่อไปนี้
  • [[PromiseState]]: รอดำเนินการ ดำเนินการแล้ว หรือถูกปฏิเสธ
  • [[PromiseResult]]: undefined หากรอดำเนินการ, <value> หากดำเนินการแล้ว, <reason> หากถูกปฏิเสธ
• Proxy ออบเจ็กต์มีพร็อพเพอร์ตี้ต่อไปนี้ [[Handler]] ออบเจ็กต์ [[Target]] ออบเจ็กต์ และ [[isRevoked]] (สวิตช์ปิดอยู่หรือไม่)

ตรวจสอบฟังก์ชัน

ใน JavaScript ฟังก์ชันจะเป็นออบเจ็กต์ที่มีพร็อพเพอร์ตี้ด้วย อย่างไรก็ตาม หากคุณพิมพ์ชื่อฟังก์ชันลงในคอนโซล DevTools จะเรียกใช้ชื่อฟังก์ชันนั้นแทนการแสดงพร็อพเพอร์ตี้

หากต้องการดูพร็อพเพอร์ตี้ฟังก์ชันภายใน JavaScript ให้ใช้คำสั่ง console.dir()

ฟังก์ชันมีคุณสมบัติดังต่อไปนี้

• [[FunctionLocation]] ลิงก์ไปยังบรรทัดที่มีคำจำกัดความฟังก์ชันในไฟล์ต้นฉบับ
• [[Scopes]] แสดงรายการค่าและนิพจน์ที่ฟังก์ชันมีสิทธิ์เข้าถึง หากต้องการตรวจสอบขอบเขตของฟังก์ชันในระหว่างการแก้ไขข้อบกพร่อง โปรดดูหัวข้อดูและแก้ไขพร็อพเพอร์ตี้ในเครื่อง การปิด และพร็อพเพอร์ตี้ส่วนกลาง
• ฟังก์ชันขอบเขตมีพร็อพเพอร์ตี้ต่อไปนี้
  • [[TargetFunction]] เป้าหมายของ bind()
  • [[BoundThis]] ค่าของ this
  • [[BoundArgs]] อาร์เรย์ของอาร์กิวเมนต์ฟังก์ชัน
• ฟังก์ชันเครื่องมือสร้าง จะมีพร็อพเพอร์ตี้ [[IsGenerator]]: true กำกับไว้
• ตัวสร้างจะส่งคืนออบเจ็กต์ตัววนซ้ำและมีคุณสมบัติดังต่อไปนี้
  • [[GeneratorLocation]] ลิงก์ไปยังบรรทัดที่มีคำจำกัดความของโปรแกรมสร้างในไฟล์ต้นฉบับ
  • [[GeneratorState]]: suspended, closed หรือ running.
  • [[GeneratorFunction]] โปรแกรมสร้างที่แสดงผลออบเจ็กต์
  • [[GeneratorReceiver]] ออบเจ็กต์ที่ได้รับค่า

ล้างคอนโซล

คุณสามารถใช้เวิร์กโฟลว์ใดก็ได้ต่อไปนี้เพื่อล้างคอนโซล

• คลิกล้างคอนโซล
• คลิกขวาที่ข้อความแล้วเลือกล้างคอนโซล
• พิมพ์ clear() ในคอนโซล แล้วกด Enter
• เรียก console.clear() จาก JavaScript ของหน้าเว็บ
• กด Control+L ขณะที่คอนโซลอยู่ในโฟกัส