คู่มือจัดรูปแบบ JAVASCRIPT
จัดโค้ด JavaScript ที่ถูกย่อให้อ่านง่ายโดยไม่เรียกใช้งานโค้ด
การ unminify เพิ่มระยะเยื้องและแบ่งบรรทัดเพื่อช่วยอ่านหรือดีบัก แต่ไม่สามารถคืนชื่อตัวแปร comment หรือโครงสร้างต้นฉบับที่ถูกลบระหว่าง minify ได้
วิธีใช้งานทีละขั้นตอน
- 01
วางโค้ด
ใช้เฉพาะไฟล์ที่คุณมีสิทธิ์ตรวจสอบ และอย่าเปิดไฟล์ด้วยการรันก่อน
- 02
จัดรูปแบบ
เลือกความกว้างบรรทัดและรูปแบบ quote แล้วสร้างผลลัพธ์ที่อ่านง่าย
- 03
ตรวจด้วยเครื่องมืออื่น
ใช้ source map จากผู้เผยแพร่เมื่อมี เพราะให้ข้อมูลต้นฉบับได้มากกว่าการจัดรูปแบบ
รายละเอียดที่ควรตรวจสอบก่อนนำผลลัพธ์ไปใช้
- โค้ดที่จัดรูปแบบแล้วยังอาจเป็นอันตรายหากนำไปรัน
- ชื่อสั้นและโครงสร้างที่ optimize แล้วไม่สามารถย้อนกลับได้สมบูรณ์
- ตรวจ license และสิทธิ์ก่อนแก้ไขหรือเผยแพร่โค้ดของผู้อื่น
แนวคิดและข้อจำกัดที่สำคัญ
Formatter คืน layout ไม่ได้คืน source
การจัดรูปแบบเพิ่มบรรทัดและ indentation แต่คืนชื่อตัวแปร comment หรือโครงสร้างที่ optimizer ลบไปไม่ได้ Source map จากผู้เผยแพร่ให้บริบทได้มากกว่า
อ่านได้ไม่ได้แปลว่าปลอดภัย
หน้าเว็บไม่รันโค้ดที่วาง แต่ไฟล์ผลลัพธ์ยังอาจเป็นอันตรายหากนำไปรัน
คำถามที่พบบ่อย
ทำไมยังเห็นชื่อตัวแปรตัวเดียว?
เพราะชื่อเดิมถูกแทนระหว่าง minify และ formatter ไม่มีข้อมูลที่จะเดากลับ
ทำไมรายงาน syntax error?
input อาจไม่สมบูรณ์ ถูกตัดกลาง string หรือไม่ใช่ JavaScript ที่ parser รองรับ