ตัวตรวจสอบ JavaScript – ตรวจสอบไวยากรณ์และหาข้อผิดพลาด
ตัวตรวจสอบ JavaScript แปลง JavaScript ด้วย Acorn เพื่อระบุข้อผิดพลาดไวยากรณ์และแสดงบรรทัดและคอลัมน์ที่แน่นอน พร้อม code frame เลือกเวอร์ชัน ECMAScript และเลือกโหมดโมดูลหรือสคริปต์ให้ตรงกับโค้ดของคุณ คุณยังใช้คำเตือน lint แบบเบาสำหรับปัญหาเช่นตัวแปรที่ไม่ได้ใช้และความเท่ากันแบบหลวม คำเตือนถูกแยกจากข้อผิดพลาดไวยากรณ์อย่างชัดเจน
ตัวตรวจสอบ JavaScript เป็นตัวตรวจสอบไวยากรณ์ JavaScript บนเบราว์เซอร์สำหรับนักพัฒนาที่ต้องการข้อเสนอแนะที่ชัดเจนขณะทบทวนโค้ด ใช้ตัวตรวจสอบ JavaScript นี้เพื่อแปลงโค้ดด้วย Acorn หาข้อผิดพลาดไวยากรณ์ และดูว่าเกิดที่ใดโดยไม่ต้องสแกนทั้งไฟล์ด้วยมือ นอกจากนี้ยังมีคำเตือน lint แบบเบาที่เลือกได้สำหรับปัญหาของโค้ดที่เลือก
ตัวตรวจสอบให้คุณเลือกเวอร์ชัน ECMAScript และว่าจะแปลงป้อนเข้าเป็นโมดูลหรือสคริปต์ เมื่อตัวแปลงพบข้อผิดพลาดไวยากรณ์ มันรายงานบรรทัดและคอลัมน์ที่แน่นอนและให้ code frame เพื่อช่วยหาตำแหน่ง คำเตือนแบบไม่บังคับสามารถเตือนตัวแปรที่ไม่ได้ใช้ ความเท่ากันแบบหลวม (== vs ===) และอื่น ๆ พวกมันถูกติดป้ายเป็นคำเตือน ไม่ใช่ข้อผิดพลาด
การตรวจสอบไวยากรณ์และข้อเสนอแนะ lint มีวัตถุประสงค์ต่างกัน: ข้อผิดพลาดไวยากรณ์หมายถึงโค้ดไม่สามารถแปลงได้ภายใต้การตั้งค่าที่เลือก ส่วนคำเตือน lint ชี้ปัญหาที่อาจมีโดยไม่ติดป้ายเป็นข้อผิดพลาดไวยากรณ์ โหมดโมดูลและสคริปต์ของ JavaScript ให้บริบทการแปลงที่ต่างกัน การเลือกโหมดที่เหมาะสมช่วยตรวจสอบโค้ดตามที่ตั้งใจ การตั้งค่าเวอร์ชัน ECMAScript ให้คุณเลือกเวอร์ชันที่ใช้สำหรับการแปลง
ตัวตรวจสอบ JavaScript ทำงานในเบราว์เซอร์ของคุณทั้งหมด ป้อนเข้าของคุณถูกประมวลผลบนอุปกรณ์ของคุณเองและไม่มีอะไรถูกอัปโหลด จัดเก็บ หรือส่งไปยังเซิร์ฟเวอร์ เมื่อโหลดหน้าแล้ว เครื่องมือใช้งานออฟไลน์ได้ คุณจึงตรวจสอบโค้ดได้โดยไม่ต้องเชื่อมต่ออินเทอร์เน็ตต่อเนื่อง
เครื่องมือมีประโยชน์สำหรับนักพัฒนาและวิศวกร DevOps ที่ตรวจสอบ JavaScript ที่เขียนด้วยมือ ทบทวนโค้ดจากเครื่องมืออื่น หรือระบุข้อผิดพลาดตัวแปลงก่อนขั้นตอนงานถัดไป ผู้เริ่มต้นใช้บรรทัด คอลัมน์ และ code frame เพื่อหาปัญหาไวยากรณ์ ส่วนนักพัฒนาที่มีประสบการณ์ตรวจสอบเวอร์ชันและการตั้งค่าโมดูลหรือสคริปต์อย่างรวดเร็วและทบทวนคำเตือน lint แบบไม่บังคับได้
ขั้นตอนที่ 1: วางหรือนำ JavaScript ของคุณลงในตัวตรวจสอบ ใช้โค้ดที่ต้องการตรวจสอบ รวมถึงผลลัพธ์ที่สร้างโดยเครื่องมืออื่น
ขั้นตอนที่ 2: เลือกเวอร์ชัน ECMAScript และเลือกโหมดโมดูลหรือสคริปต์ การจับคู่การตั้งค่าเหล่านี้กับโค้ดของคุณช่วยตัวแปลงตรวจสอบในบริบทที่ตั้งใจ
ขั้นตอนที่ 3: รันการตรวจสอบเพื่อแปลง JavaScript ของคุณด้วย Acorn ตัวตรวจสอบรายงานข้อผิดพลาดไวยากรณ์เมื่อพบ
ขั้นตอนที่ 4: ตรวจสอบตำแหน่งบรรทัดและคอลัมน์ของข้อผิดพลาดและ code frame ที่มาพร้อมเพื่อหาปัญหา
ขั้นตอนที่ 5: หากต้องการข้อเสนอแนะเพิ่มเติม ใช้คำเตือน lint แบบเบาที่เลือกได้เพื่อตรวจสอบปัญหาเช่นตัวแปรที่ไม่ได้ใช้หรือความเท่ากันแบบหลวม
กรณีการใช้งาน: ตรวจสอบไฟล์ JavaScript ก่อนถึงขั้นตอนตัวแปลงหรือรันไทม์ คุณจึงจับข้อผิดพลาดไวยากรณ์ได้เร็วขึ้น
กรณีการใช้งาน: หาบรรทัดและคอลัมน์ที่แน่นอนของข้อผิดพลาดไวยากรณ์แทนการค้นหาไฟล์ด้วยมือ
กรณีการใช้งาน: ยืนยันว่าโค้ดที่สร้างโดยเครื่องมืออื่นเป็น JavaScript ที่ถูกต้อง ไม่ใช่แค่ผลลัพธ์ที่ดูน่าเชื่อถือ
กรณีการใช้งาน: ตรวจสอบโค้ดโดยใช้เวอร์ชัน ECMAScript ที่ต้องการ ช่วยเห็นไวยากรณ์ที่ไม่แปลงภายใต้ตัวเลือกนั้น
กรณีการใช้งาน: เลือกโหมดโมดูลหรือสคริปต์เพื่อตรวจสอบ JavaScript ในบริบทที่ตรงกับวิธีที่ตั้งใจแปลงโค้ด
กรณีการใช้งาน: ทบทวนคำเตือนแบบไม่บังคับสำหรับตัวแปรที่ไม่ได้ใช้และความเท่ากันแบบหลวมเป็นการตรวจสอบเพิ่มเติมนอกเหนือการตรวจสอบไวยากรณ์