Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

JavaScript Syntax: กฎเขียนโค้ดสำหรับผู้เริ่มต้น

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 ไม่ต้อง