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

วิธีสร้างอ็อบเจ็กต์ใน JavaScript

ในการสร้างอ็อบเจ็กต์ ใช้คีย์เวิร์ด new เพื่อสร้างอินสแตนซ์ของอ็อบเจ็กต์ ตามด้วยเมธอด constructor

Constructor คือฟังก์ชันที่สร้างและเริ่มต้นอ็อบเจ็กต์ JavaScript มีฟังก์ชัน constructor พิเศษชื่อ Object() สำหรับสร้างอ็อบเจ็กต์ ค่าที่คืนจาก Object() จะถูกกำหนดให้กับตัวแปร ตัวแปรนี้จะเก็บ reference (อ้างอิง) ไปยังอ็อบเจ็กต์ใหม่ พรอเพอร์ตี้ที่กำหนดให้อ็อบเจ็กต์ ไม่ใช่ตัวแปร และ ไม่ได้ประกาศด้วยคีย์เวิร์ด var

ตัวอย่างการสร้างอ็อบเจ็กต์

<html>
  <head>
    <title>User-defined objects</title>
    <script>
      var book = new Object(); // สร้างอ็อบเจ็กต์
      book.subject = "Perl";   // กำหนดพรอเพอร์ตี้
      book.author = "Tutorialspoint";
    </script>
  </head>
  <body>
    <script>
      document.write("Book name is : " + book.subject + "<br>");
      document.write("Book author is : " + book.author + "<br>");
    </script>
  </body>
</html>

ผลลัพธ์

Book name is : Perl
Book author is : Tutorialspoint

วิธีอื่นในการสร้างอ็อบเจ็กต์

  • Object Literal: var book = { subject: "Perl", author: "Tutorialspoint" };
  • Constructor Function: ใช้ฟังก์ชันเป็นแม่แบบสร้างอ็อบเจ็กต์หลายตัว
  • ES6 Class: class Book { constructor(subject, author) { this.subject = subject; this.author = author; } }