0Pricing
Angular Academy · Ders

Birleştirme ve Kalıtım Karşılaştırması

Paylaşılan davranışlar için kalıtım yerine birleştirmeyi tercih edin

Birleştirme ve Kalıtım Karşılaştırması, CoddyKit'te ücretsiz bir Angular Academy dersidir. Bu, 4 dersinin 4. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Angular Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Angular Academy kursu toplamda 4 dersten oluşur.

İki Yeniden Kullanım Stratejisi

Bileşenler arasında davranış paylaşmak için kalıtım (bir temel sınıfı genişletme) veya birleştirme (daha küçük parçaları bir araya getirme) kullanabilirsiniz. Angular'ın birleştirme API'si, varsayılan olarak birleştirmeyi tercih edilen yaklaşım hâline getirir.

Kalıtımın Özeti

Kalıtımda bir bileşen, temel bir bileşeni veya yönergeyi genişletir ve onun girdilerini, çıktılarını ve mantığını yeniden kullanır.

export class FancyButton extends BaseButton {
  // inherits BaseButton members
}

Kalıtımın Sınırlamaları

Bir sınıf yalnızca bir temeli genişletebilir. Derin hiyerarşiler katılaşır ve istemediğiniz bölümler dâhil her şeyi miras alırsınız.

Elmas Problemi

Kalıtım yoluyla birden çok davranışı birleştirmek, kullanışsız zincirler olmadan mümkün değildir. Birleştirme, birçok yönergeyi bağımsız olarak uygulayarak bu sorunu aşar.

Birleştirmenin Özeti

Birleştirmede bileşen odaklanmış kalır ve davranışları hostDirectives aracılığıyla alır; gerektiği kadar davranışı bir araya getirebilir.

hostDirectives: [ElevateDirective, RippleDirective, FocusTrapDirective]

Birleştirmeyi Tercih Edin

"Kalıtıma kıyasla birleştirmeyi tercih edin" yaklaşımı Angular'da özellikle geçerlidir: Birleştirme esnektir, üzerine ekleme yapılabilir ve kırılgan temel sınıflardan kaçınır.

Kalıtımın Hâlâ Uygun Olduğu Durumlar

Birbirine yakın varyantların paylaştığı tek ve kararlı bir temel için kalıtım uygun olabilir; örneğin varyantların özelleştirdiği bir temel form alanı kullanılabilir. Hiyerarşileri sığ tutun.

İki Yaklaşımı Birlikte Kullanma

Yaklaşımları birleştirebilirsiniz: Paylaşılan yapı için ince bir temeli genişletirken, ortak işlevler için davranışları birleştirin.

Kapsülleme

Birleştirme, her davranışın iç ayrıntılarını gizli tutar ve yalnızca seçilen girdileri ve çıktıları dışa açar; kalıtım ise temel sınıfın API'sinin tamamını açığa çıkarır.

Birleştirmeye Doğru Yeniden Düzenleme

Bir temel sınıf ilgisiz sorumlulukları biriktirdiğinde her birini bir yönergeye ayırıp bunları birleştirin. Sonuç daha modüler ve test edilebilir olur.

Karar Rehberi

Birden çok bağımsız davranışa mı ihtiyacınız var? Birleştirin. Tek bir paylaşılan yapısal temele mi ihtiyacınız var? Sığ bir temel yeterli olabilir. Esneklik için varsayılan olarak birleştirmeyi tercih edin.

Kısa Kontrol

Birleştirme ile kalıtım arasındaki fark konusundaki anlayışınızı test edin.

Özet

Odaklanmış davranışları hostDirectives aracılığıyla birleştiren birleştirmenin, tek bir temel sınıfa dayanan kalıtımdan daha esnek olduğunu, kırılgan hiyerarşileri önlediğini ve varsayılan yaklaşım olması gerektiğini öğrendiniz. Sığ kalıtım ise paylaşılan yapıyla sınırlı tutulmalıdır.

Sıkça Sorulan Sorular

“Birleştirme ve Kalıtım Karşılaştırması” dersi ücretsiz mi?

Evet — “Birleştirme ve Kalıtım Karşılaştırması” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Angular Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Angular Academy kursu toplamda 4 dersten oluşur.

“Birleştirme ve Kalıtım Karşılaştırması” dersinde ne öğreneceğim?

Paylaşılan davranışlar için kalıtım yerine birleştirmeyi tercih edin Angular Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Angular Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Angular Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 4. dersidir.

“Birleştirme ve Kalıtım Karşılaştırması” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Angular Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Angular Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. hostDirectives Özelliği
  2. Girdileri ve Çıktıları Dışa Açma
  3. Yeniden Kullanılabilir Davranışlar Oluşturma
  4. Birleştirme ve Kalıtım Karşılaştırması
← Angular Academy Sayfasına Dön