Class ใน JavaScript (ES6) - การใช้ Composition แทนการสืบทอด (Favor Composition over Inheritance)

 

ในวงการการเขียนโปรแกรม หลายคนอาจรู้จักดีเกี่ยวกับการใช้ "สืบทอด" (Inheritance) เพื่อสร้างโครงสร้างที่มีความซับซ้อน แต่เดี๋ยวก่อน! คุณเคยได้ยินเกี่ยวกับ "Composition" หรือไม่? วันนี้เราจะมาพูดถึงการใช้ Composition เพื่อแทนที่การสืบทอดใน JavaScript (ES6) ซึ่งเป็นวิธีที่มีข้อดีหลายประการในการพัฒนาโปรแกรม

 

ความแตกต่างระหว่าง Composition และ Inheritance

ก่อนอื่น เรามาทำความเข้าใจความแตกต่างกันสักเล็กน้อย:

- Inheritance (การสืบทอด): เป็นแนวคิดที่ช่วยให้นักพัฒนาสามารถสร้างคลาสหรืออ็อบเจ็กต์ใหม่จากคลาสหรืออ็อบเจ็กต์ที่มีอยู่แล้ว โดยการสืบทอดคุณสมบัติและพฤติกรรม (methods) ผ่านลำดับสายสัมพันธ์

- Composition (องค์ประกอบ): เป็นการรวมหลายอ็อบเจ็กต์เข้าด้วยกันเพื่อสร้างฟังก์ชันการทำงานใหม่ โดยแทนที่จะใช้การสืบทอด Associated is made through has-a relationship โดยให้อ็อบเจ็กต์ต่าง ๆ ทำงานร่วมกัน

 

ข้อดีของ Composition

1. ความยืดหยุ่น: การใช้ Composition ช่วยให้โค้ดมีความยืดหยุ่นในการเปลี่ยนแปลงได้ง่ายขึ้น โดยคุณสามารถเติมหรือซ่อนพฤติกรรมของอ็อบเจ็กต์ได้อย่างอิสระ 2. การบำรุงรักษา: โค้ดที่ใช้ Composition ง่ายต่อการบำรุงรักษาและขยาย เพราะไม่มีลำดับสายสัมพันธ์ที่ซับซ้อนทำให้โค้ดยาวเหยียด 3. การนำไปใช้ซ้ำ: ช่วยให้นักพัฒนาสามารถนำอ็อบเจ็กต์หรือโมดูลที่มีอยู่ไปใช้ซ้ำได้มากขึ้น

 

ตัวอย่างการใช้ Composition ใน JavaScript

เพื่อให้เห็นภาพชัดเจน เรามาดูตัวอย่างกัน ในที่นี้เราจะสร้างฟีเจอร์เล็ก ๆ ที่เป็น สัตว์เลี้ยงพูดได้

// ฟังก์ชันสร้างความสามารถให้พูดได้
function withTalkingCapability(obj) {
  obj.speak = function() {
    console.log(`Hello, I'm a ${this.type} and I can talk!`);
  };
  return obj;
}

// สัตว์เลี้ยงพื้นฐาน
function createPet(type, name) {
  let pet = {
    type: type,
    name: name
  };
  return withTalkingCapability(pet);
}

// สร้างอ็อบเจ็กต์สัตว์เลี้ยง
let talkingDog = createPet('Dog', 'Buddy');
talkingDog.speak(); // Hello, I'm a Dog and I can talk!

ในตัวอย่างนี้เราใช้ Composition โดยการผสมผสานฟังก์ชัน `withTalkingCapability` เข้ากับอ็อบเจ็กต์สัตว์เลี้ยง `createPet` ซึ่งทำให้สัตว์เลี้ยงนี้สามารถพูดได้ แทนที่จะสร้างคลาส Dog ที่สืบทอดจากคลาส Animal ทั่วไป

 

คำแนะนำในการออกแบบด้วย Composition

- ใช้หลักการ Single Responsibility Principle (SRP): แยกความรับผิดชอบของอ็อบเจ็กต์ออกจากกันโดยให้แต่ละอ็อบเจ็กต์รับผิดชอบหน้าที่เฉพาะด้าน

- เลือกใช้ Interfaces มากกว่าการรวมหลายคลาส: ใน JavaScript เราไม่มี interfaces แบบที่ภาษาอื่นมี แต่เราสามารถจำลองได้ด้วยการประกาศโครงสร้างอ็อบเจ็กต์และตรวจสอบว่าอ็อบเจ็กต์ที่ใช้งานร่วมกันมี method ที่จำเป็น

- สร้างโมดูลหรือฟังก์ชันเล็ก ๆ ที่มีความชัดเจน: ซึ่งต้องทำงานได้โดยไม่ขึ้นกับคอนเท็กซ์เก่า

 

บทสรุป

การให้ความสำคัญกับ Composition มากกว่าการสืบทอดเป็นวิธีที่ทรงพลังในการพัฒนาแอปพลิเคชันที่ยั่งยืนและยืดหยุ่น Javascript ES6 นำเสนอความสามารถที่มีประสิทธิภาพมากกว่ารุ่นก่อน ให้เราใช้ประโยชน์จากฟีเจอร์ต่าง ๆ เพื่อสร้างสรรค์สิ่งใหม่ ทั้งยังช่วยให้การประยุกต์ใช้มีความเรียบง่ายและมีประสิทธิภาพมากขึ้น

หากคุณสนใจที่จะศึกษาเพิ่มเติมเกี่ยวกับการเขียนโปรแกรมและความเชี่ยวชาญในด้านการพัฒนา เว็บไซต์ Expert-Programming-Tutor (EPT) ของเรามีหลักสูตรและทรัพยากรที่จะช่วยเสริมความรู้ทางด้านนี้ได้อย่างแน่นอน ร่วมค้นพบโลกใหม่กับการเขียนโปรแกรมที่ EPT!

 

 

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

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