กฎการกำหนด Object Definitions ใน JavaScript

นี่คือกฎและรูปแบบแนะนำ (Code Style) สำหรับการเขียน Object Definitions ใน JavaScript ให้สอดคล้องและอ่านง่าย

กฎหลัก

• String ใช้ Quotes: ค่าที่เป็น String ต้องห่อด้วยเครื่องหมายคำพูด

  var myBook = new Book("Java", "John");

• Closing Brace บรรทัดใหม่: วาง } บนบรรทัดใหม่
• Opening Brace เดียวบรรทัด: วาง { ต่อท้ายชื่อ Object/Function
• Colon + Space: ระหว่าง Property และ Value ใช้ : (Colon ตามด้วย Space)
• จบด้วย Semicolon: ปิด Object Definition ด้วย ;

ตัวอย่างโค้ดมาตรฐาน

<html>
<head>
  <title>JavaScript Array Object</title>
  <script>
    function Book(title, author) {
      this.title = title;
      this.author = author;
    }
  </script>
</head>
<body>
  <script>
    var myBook = new Book("Java", "John");
    Book.prototype.price = null;
    myBook.price = 300;
    document.write("Book title is : " + myBook.title + "<br>");
    document.write("Book author is : " + myBook.author + "<br>");
    document.write("Book price is : " + myBook.price + "<br>");
  </script>
</body>
</html>

แนวทางสมัยใหม่ (ES6+)

// Class Syntax (แนะนำ)
class Book {
  constructor(title, author) {
    this.title = title;
    this.author = author;
    this.price = null;
  }
}

const myBook = new Book("Java", "John");
myBook.price = 300;

// Object Literal Shorthand
const book = { title, author, price: 300 };

เครื่องมือช่วย: ใช้ Prettier หรือ ESLint กำหนด Rule บังคับ Style ให้ทีมงานสอดคล้องกันอัตโนมัติ