Syntax คือกฎการเขียนโค้ด JavaScript ให้ถูกต้อง คอมพิวเตอร์ไม่สามารถเดาเจตนาได้ ต้องเขียนตามกฎอย่างเคร่งครัด
ทำไม Syntax จึงสำคัญ
- โค้ดผิด Syntax → Error → โปรแกรมหยุดทำงาน
- Syntax ที่สม่ำเสมอ ทำให้โค้ดอ่านง่าย ทีมงานทำงานร่วมกันได้
กฎหลัก 5 ข้อ
1. Whitespace (ช่องว่าง)
เว้นวรรคระหว่าง keyword, variable, 括号
for (var i = 0; i < 4; i++) { console.log(i); }
var cookie = "Raspberry Chocolate Chip";
2. Indentation (เยื้อง)
เยื้องโค้ดในบล็อก (if, for, function) 2-4 space หรือ tab คงที่ตลอดโปรเจกต์
for (var i = 0; i < 4; i++) {
if (i === 3) {
console.log(i);
}
}
3. Comments (คอมเมนต์)
// Single line comment /* Multi-line comment */
4. Naming Variables (การตั้งชื่อตัวแปร)
ใช้ lowerCamelCase (มาตรฐาน JavaScript)
var firstName = "Tony"; var isAdmin = true; // ไม่ใช้: first_name, FirstName, class, for (reserved words)
5. Semicolons (จุดอภิมาตรา)
จบ Statement ด้วย ; ยกเว้น Block statement (class, if, for, function)
var cookie = "Chocolate Fudge"; // มี ;
function addNumbers(one, two) { // ไม่มี ;
return one + two; // มี ;
}
สรุปกฎหลัก
- เว้นวรรคให้เหมาะสม
- เยื้องโค้ดในบล็อกสม่ำเสมอ
- คอมเมนต์อธิบายโค้ดซับซ้อน
- ตัวแปรใช้ lowerCamelCase หลีกเลี่ยง reserved words
- Statement ธรรมดาจบด้วย ; Block statement ไม่ต้อง