Komposisi vs Pewarisan
Utamakan komposisi untuk perilaku bersama.
Komposisi vs Pewarisan adalah pelajaran Angular Academy gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Angular Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Angular Academy mencakup 4 pelajaran total.
Dua Strategi Penggunaan Ulang
Untuk membagikan perilaku antar-komponen, Anda dapat menggunakan pewarisan (memperluas kelas dasar) atau komposisi (menggabungkan bagian-bagian yang lebih kecil). API komposisi Angular menjadikan komposisi sebagai pilihan default yang disarankan.
Ringkasan Pewarisan
Dengan pewarisan, sebuah komponen memperluas komponen atau direktif dasar dan menggunakan ulang masukan, keluaran, serta logikanya.
export class FancyButton extends BaseButton {
// inherits BaseButton members
}Keterbatasan Pewarisan
Sebuah kelas hanya dapat memperluas satu kelas dasar. Hierarki yang dalam menjadi kaku, dan Anda mewarisi semuanya, termasuk bagian yang tidak diinginkan.
Masalah Berlian
Menggabungkan banyak perilaku melalui pewarisan tidak mungkin dilakukan tanpa rantai yang rumit. Komposisi menghindari masalah ini dengan menerapkan banyak direktif secara independen.
Ringkasan Komposisi
Dengan komposisi, komponen tetap terfokus dan menggunakan perilaku melalui hostDirectives, dengan mencampurkan sebanyak yang diperlukan.
hostDirectives: [ElevateDirective, RippleDirective, FocusTrapDirective]Utamakan Komposisi
Panduan "utamakan komposisi daripada pewarisan" sangat berlaku di Angular: komposisi fleksibel, bersifat menambahkan, dan menghindari kelas dasar yang rapuh.
Kapan Pewarisan Masih Sesuai
Pewarisan dapat sesuai untuk satu kelas dasar yang stabil dan digunakan bersama oleh varian-varian yang berkaitan erat, misalnya bidang formulir dasar yang dikhususkan oleh berbagai varian. Jagalah hierarki tetap dangkal.
Menggabungkan Keduanya
Anda dapat menggabungkan kedua pendekatan: perluas kelas dasar yang tipis untuk struktur bersama, sementara komposisikan perilaku untuk perhatian lintas komponen.
Enkapsulasi
Komposisi menjaga bagian internal setiap perilaku tetap privat dan hanya mengekspos masukan/keluaran yang dipilih, sedangkan pewarisan mengekspos seluruh API kelas dasar.
Mengubah Arah ke Komposisi
Saat sebuah kelas dasar mengumpulkan tanggung jawab yang tidak berkaitan, pisahkan masing-masing tanggung jawab menjadi direktif dan komposisikan direktif tersebut. Hasilnya lebih modular dan mudah diuji.
Panduan Pengambilan Keputusan
Memerlukan banyak perilaku independen? Gunakan komposisi. Memerlukan satu fondasi struktural bersama? Kelas dasar yang dangkal mungkin sesuai. Jadikan komposisi sebagai pilihan default demi fleksibilitas.
Pemeriksaan Singkat
Uji pemahaman Anda tentang komposisi dan pewarisan.
Ringkasan
Anda telah mempelajari bahwa komposisi (menggabungkan perilaku terfokus melalui hostDirectives) lebih fleksibel daripada pewarisan (satu kelas dasar), menghindari hierarki yang rapuh, dan sebaiknya menjadi pilihan default. Pewarisan dangkal dapat digunakan untuk struktur bersama.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Komposisi vs Pewarisan” gratis?
Ya — teks lengkap “Komposisi vs Pewarisan” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Angular Academy, upgrade ke CoddyKit PRO. Kursus Angular Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Komposisi vs Pewarisan”?
Utamakan komposisi untuk perilaku bersama. Kamu berlatih Angular Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Angular Academy?
Tidak diperlukan pengalaman sebelumnya. Angular Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 4 dari 4.
Berapa lama pelajaran “Komposisi vs Pewarisan” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Angular Academy ini?
Ya. Setiap pelajaran Angular Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Properti hostDirectives
- Mengekspos Input dan Output
- Membangun Perilaku yang Dapat Digunakan Ulang
- Komposisi vs Pewarisan