JavaScript OOP - การใช้ Class ใน JavaScript (ES6)

JavaScript เป็นภาษาการเขียนโปรแกรมที่ได้รับความนิยมอย่างมากในการพัฒนาเว็บแอปพลิเคชัน โดยเฉพาะอย่างยิ่งเมื่อมีการเพิ่มคุณสมบัติใหม่ ๆ แล้ว JavaScript ก็กลายเป็นภาษาที่ทรงพลังยิ่งขึ้น หนึ่งในคุณสมบัติใหม่ที่เพิ่มเข้ามาคือการสนับสนุนแนวคิด Object-Oriented Programming (OOP) ด้วย `class` ใน ECMAScript 6 (ES6) ซึ่งช่วยให้การสร้างและใช้งานวัตถุมีโครงสร้างและความชัดเจนยิ่งขึ้น

#### พื้นฐานการใช้ Class ใน JavaScript

Class Definition

class Car {
  constructor(brand, model, year) {
    this.brand = brand;
    this.model = model;
    this.year = year;
  }

  startEngine() {
    console.log(`${this.brand} ${this.model} engine started.`);
  }
}

ในตัวอย่างด้านบน เราได้สร้าง class ชื่อว่า `Car` โดยมี `constructor` ที่เป็นฟังก์ชันพิเศษในการสร้างและเตรียมสถานะต้นของ object properties ซึ่งคือ `brand`, `model`, และ `year`

#### การสร้าง Object จาก Class

เมื่อกำหนด class เรียบร้อยแล้ว เราสามารถสร้าง instances หรือวัตถุของ class นั้น ๆ ได้ด้วยคำสั่ง `new` เช่น

const myCar = new Car("Toyota", "Corolla", 2020);
myCar.startEngine(); // Output: "Toyota Corolla engine started."

การใช้ keyword `new` ในการสร้าง object ช่วยให้ JavaScript เข้าใจว่าคุณต้องการเรียกใช้ฟังก์ชัน constructor ของ class นั้น

#### Inheritance หรือการสืบทอดใน JavaScript OOP

Inheritance เป็นหลักการที่สำคัญใน OOP ที่ช่วยให้เราสามารถสร้าง class ใหม่ที่ใช้คุณสมบัติจาก class อื่นได้ การทำ inheritance ใน JavaScript สามารถทำได้ด้วย `extends` keyword เช่น

class ElectricCar extends Car {
  constructor(brand, model, year, batteryCapacity) {
    super(brand, model, year);
    this.batteryCapacity = batteryCapacity;
  }

  chargeBattery() {
    console.log(`${this.brand} ${this.model} is charging.`);
  }
}

ในตัวอย่างนี้ `ElectricCar` เป็น class ที่ขยายมาจาก `Car` ซึ่งหมายความว่า `ElectricCar` สามารถใช้ properties และ methods ของ `Car` ได้ และสามารถเพิ่ม properties หรือ methods ใหม่ ๆ ได้อีกด้วย

#### Use Case ของ JavaScript Class

การใช้ class ใน JavaScript มีกรณีการใช้งานที่หลากหลาย เช่นในการพัฒนาเว็บที่ซับซ้อนหรือระบบแบบ client-server ที่ต้องการ Object ด้วยโครงสร้างที่สามารถนำกลับมาใช้ใหม่ได้อย่างง่ายดาย โดยในทางปฏิบัติ คุณสามารถใช้ class ในการจัดเตรียมโมเดลข้อมูลหรือการแยกการทำงานในระดับโมดูลที่มีประสิทธิภาพ

ตัวอย่าง Use Case

ในระบบการบริหารจัดการโรงเรียน คุณอาจจะต้องมีแบบจำลองสำหรับบุคคลประเภทต่าง ๆ เช่น นักเรียน, คุณครู, และเจ้าหน้าที่ โดย class สามารถช่วยจัดการและดูแลข้อมูลเหล่านี้ให้เป็นระเบียบชัดเจน

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}

class Student extends Person {
  constructor(name, age, studentId) {
    super(name, age);
    this.studentId = studentId;
  }
}

const student = new Student("Anan", 20, "S12345");
console.log(student.name); // Output: "Anan"

ในกรณีนี้คุณสามารถเห็นได้ว่า class `Student` ใช้ความสามารถของคลาส `Person` และเพิ่มเอกลักษณ์เฉพาะตัวที่จำเป็นสำหรับ student เช่น `studentId`

#### ประโยชน์ของการใช้ Class ใน JavaScript

การใช้ class ทำให้การจัดการโค้ดทำได้ง่ายขึ้น ซึ่งเป็นสิ่งที่สำคัญมากในการพัฒนาโปรแกรมใหญ่ ๆ ที่ต้องรักษามาตรฐานและความสามารถในขยายได้ ทั้งนี้การใช้ class ยังช่วยให้โค้ดมีความคล่องตัวมากขึ้นและยังรักษาหลักการของ OOP ทำให้มีการนำกลับมาใช้ใหม่และดูแลรักษาได้ง่ายกว่าเดิม

JavaScript OOP พร้อม `class` ใน ES6 ช่วยพัฒนาโปรแกรมอย่างมีประสิทธิภาพ ด้วยการให้โครงสร้างที่ชัดเจนกว่าและโค้ดที่อ่านง่ายและจัดการได้สะดวกยิ่งขึ้น แน่นอน หากผู้อ่านท่านใดสนใจปรับปรุงทักษะด้าน OOP หรือ JavaScript เชิงลึก การศึกษาในสถาบันที่มุ่งเน้นเทคโนโลยีและการเขียนโปรแกรมอย่าง EPT จะสามารถตอบสนองต่อความต้องการในการเรียนรู้และการใช้งานจริงได้อย่างแน่นอน

หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง

หากเจอข้อผิดพลาด หรือต้องการพูดคุย ติดต่อได้ที่ https://m.me/expert.Programming.Tutor/