การประกอบเทียบกับการสืบทอด

หากต้องการแบ่งปันพฤติกรรมระหว่างคอมโพเนนต์ คุณสามารถใช้การสืบทอด (ขยายคลาสพื้นฐาน) หรือการนำมาประกอบ (รวมส่วนประกอบขนาดเล็กเข้าด้วยกัน) API การนำมาประกอบของ Angular ทำให้การนำมาประกอบเป็นตัวเลือกเริ่มต้นที่แนะนำ

ในการสืบทอด คอมโพเนนต์จะขยายคอมโพเนนต์หรือคำสั่งพื้นฐาน แล้วนำอินพุต เอาต์พุต และตรรกะของสิ่งนั้นกลับมาใช้ใหม่

คลาสหนึ่งสามารถขยายคลาสพื้นฐานได้เพียง หนึ่ง คลาสเท่านั้น ลำดับชั้นที่ลึกจะยืดหยุ่นน้อยลง และคุณจะได้รับทุกอย่างมาด้วย แม้แต่ส่วนที่ไม่ต้องการ

การรวมพฤติกรรมหลายอย่างด้วยการสืบทอดทำไม่ได้หากไม่สร้างสายการสืบทอดที่ซับซ้อนและไม่สะดวก การนำมาประกอบจึงหลีกเลี่ยงปัญหานี้ด้วยการใช้คำสั่งหลายตัวแยกจากกัน

ในการนำมาประกอบ คอมโพเนนต์จะมุ่งเน้นหน้าที่ของตนเอง และดึงพฤติกรรมเข้ามาผ่าน hostDirectives ได้มากเท่าที่จำเป็น

คำแนะนำที่ว่า "ให้เลือกการนำมาประกอบมากกว่าการสืบทอด" เหมาะกับ Angular อย่างยิ่ง เพราะการนำมาประกอบยืดหยุ่น เพิ่มเติมได้ และหลีกเลี่ยงคลาสพื้นฐานที่เปราะบาง

การสืบทอดยังเหมาะสมได้เมื่อมีคลาสพื้นฐานเดียวที่คงที่และใช้ร่วมกันโดยรูปแบบที่ใกล้เคียงกัน เช่น ฟิลด์แบบฟอร์มพื้นฐานที่รูปแบบต่าง ๆ นำไปปรับเฉพาะทาง ควรรักษาลำดับชั้นให้ตื้น

คุณสามารถใช้ทั้งสองแนวทางร่วมกันได้ โดยขยายคลาสพื้นฐานแบบบางเพื่อใช้โครงสร้างร่วมกัน และนำพฤติกรรมสำหรับข้อกังวลร่วมหลายส่วนมาประกอบ

การนำมาประกอบจะเก็บรายละเอียดภายในของแต่ละพฤติกรรมไว้เป็นส่วนตัว และเปิดเผยเฉพาะอินพุตและเอาต์พุตที่เลือกไว้ ขณะที่การสืบทอดจะเปิดเผย API ทั้งหมดของคลาสพื้นฐาน

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

ต้องการพฤติกรรมอิสระหลายอย่างใช่หรือไม่ ให้นำมาประกอบ ต้องการโครงสร้างพื้นฐานร่วมเพียงอย่างเดียวใช่หรือไม่ คลาสพื้นฐานแบบตื้นอาจเหมาะสม โดยทั่วไปให้เลือกการนำมาประกอบเพื่อความยืดหยุ่น

ทดสอบความเข้าใจเกี่ยวกับการนำมาประกอบเทียบกับการสืบทอด

คุณได้เรียนรู้ว่าการนำมาประกอบ (การรวมพฤติกรรมที่มุ่งเน้นเฉพาะด้านผ่าน hostDirectives) ยืดหยุ่นกว่าการสืบทอด (การใช้คลาสพื้นฐานเพียงคลาสเดียว) ช่วยหลีกเลี่ยงลำดับชั้นที่เปราะบาง และควรเป็นตัวเลือกเริ่มต้น โดยสงวนการสืบทอดแบบตื้นไว้สำหรับโครงสร้างร่วม