คีย์เวิร์ดของคลาสใน JavaScript

คลาส JavaScript ที่นำมาใช้ใน ES6 เป็นน้ำตาลเชิงวากยสัมพันธ์เหนือการสืบทอดตามต้นแบบ JavaScript อันที่จริงแล้วชั้นเรียนเป็น "หน้าที่พิเศษ" คุณสามารถกำหนดคลาสใน JavaScript โดยใช้คีย์เวิร์ดคลาสโดยใช้ไวยากรณ์ต่อไปนี้ -

class Person {
   // Constructor for this class
   constructor(name) {
      this.name = name;
   }
   // an instance method on this class
   displayName() {
      console.log(this.name)
   }
}

ซึ่งเทียบเท่ากับการประกาศต่อไปนี้ -

let Person = function(name) {
   this.name = name;
}
Person.prototype.displayName = function() {
   console.log(this.name)
}

คลาสนี้ยังสามารถเขียนเป็นนิพจน์คลาสได้ รูปแบบข้างต้นเป็นการประกาศคลาส รูปแบบต่อไปนี้เป็นนิพจน์คลาส −

// Unnamed expression
let Person = class {
   // Constructor for this class
   constructor(name) {
      this.name = name;
   }
   // an instance method on this class
   displayName() {
      console.log(this.name)
   }
}

ไม่ว่าคุณจะกำหนดคลาสตามที่กล่าวไว้ข้างต้นอย่างไร คุณสามารถสร้างวัตถุของคลาสเหล่านี้ได้โดยใช้คำสั่งต่อไปนี้ -

ตัวอย่าง

let John = new Person("John");
John.displayName();

ผลลัพธ์

John

คุณสามารถอ่านเชิงลึกเกี่ยวกับคลาส JS และคำหลักของคลาสได้ที่ https://www.tutorialspoint.com/es6/es6_classes.htm