JavaScript Academy · Ders

Karışımlar (Kısa Tanıtım) — Derin Hiyerarşiler Olmadan Basit Yeniden Kullanım

Derin kalıtım olmadan küçük yetenekleri yeniden kullanın: nesne ve prototip karışımları, küçük fabrikalar ve basit güvenlik ipuçları.

3. ders / 38 adım

Karışımlar (Kısa Tanıtım) — Derin Hiyerarşiler Olmadan Basit Yeniden Kullanım, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 3 dersinin 3. 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, JavaScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. JavaScript Academy kursu toplamda 3 dersten oluşur.

Karışımlar neden? (tercih meselesi)

Amaç: Derin sınıf ağaçları oluşturmadan küçük yetenekleri paylaşmak.

  • Küçük yöntemleri olan karışım nesnesi
  • Bir sınıfın prototipine uygulayın
  • Gerekirse tek bir nesneye ekleyin
  • Adları benzersiz, birimleri küçük tutun
Karışımlar (Kısa Tanıtım) — Derin Hiyerarşiler Olmadan Basit Yeniden Kullanım — resim 1

Karışım oluşturma

Bir karışım, türler arasında paylaşılacak yöntemleri içeren basit bir nesnedir.

// A simple mixin: adds timestamp helpers
const timeMixin = {
  setCreatedNow: function () {
    this.createdAt = new Date(0); // fixed for demo output
  },
  ageMs: function () {
    if (!this.createdAt) return 0;
    return 1234; // fixed number for a stable demo
  }
};

console.log("mixin keys:", Object.keys(timeMixin));
Karışımlar (Kısa Tanıtım) — Derin Hiyerarşiler Olmadan Basit Yeniden Kullanım — resim 2

Prototip karışımı

Her örneğin bu yeteneği alması için karışım yöntemlerini Class.prototype'a kopyalayın.

// Apply the mixin to all instances via the prototype
class Note {
  constructor(text) {
    this.text = text;
  }
}

// Copy methods to the prototype so every instance can use them
Object.assign(Note.prototype, timeMixin);

const n = new Note("hello");
n.setCreatedNow();
console.log("ageMs:", n.ageMs());
Karışımlar (Kısa Tanıtım) — Derin Hiyerarşiler Olmadan Basit Yeniden Kullanım — resim 3

Yalnızca örneğe uygulanan karışım

Bir sınıfa dokunmadan yetenekleri tek bir nesneye eklemek için Object.assign(obj, mixin) kullanın.

// You can also mix into just one instance
const single = { name: "one" };
Object.assign(single, timeMixin);
single.setCreatedNow();
console.log("single ageMs:", single.ageMs());
Karışımlar (Kısa Tanıtım) — Derin Hiyerarşiler Olmadan Basit Yeniden Kullanım — resim 4

Üretici ve karışım

Küçük bir üretici, önce temel nesneyi oluşturabilir; ardından ek davranışı karışıma ekleyebilirsiniz.

// Factory + mixin: build an object then add abilities
function makeUser(name) {
  return { name: name };
}

const u = makeUser("Ayla");
Object.assign(u, timeMixin);
u.setCreatedNow();
console.log("user ageMs:", u.ageMs());
Karışımlar (Kısa Tanıtım) — Derin Hiyerarşiler Olmadan Basit Yeniden Kullanım — resim 5

İyi alışkanlıklar

İpuçları:

  • Karışımları küçük ve odaklı tutun (2–3 yöntem).
  • Ad çakışmalarından kaçının; anlaşılır yöntem adları seçin.
  • Derin sınıf ağaçları yerine karışımlarla bileşimi tercih edin.
  • Karışıma eklenen yöntemleri her işlev gibi sınayın.
Karışımlar (Kısa Tanıtım) — Derin Hiyerarşiler Olmadan Basit Yeniden Kullanım — resim 6

Karışım uygulama sınaması

Kısa kontrol: Bir sınıfa karışım uygulama.

Karışımlar (Kısa Tanıtım) — Derin Hiyerarşiler Olmadan Basit Yeniden Kullanım — resim 7

Özet

Özet: Küçük bir karışım nesnesi tanımlayın, tüm örnekler için bunu bir prototipe (veya tek bir nesneye) kopyalayın ve karmaşıklığı önlemek için yöntemleri küçük tutun.

Karışımlar (Kısa Tanıtım) — Derin Hiyerarşiler Olmadan Basit Yeniden Kullanım — resim 8
Başlamak ücretsiz

Yapay zeka eğitmeniyle JavaScript öğren — ücretsiz

Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.

Kurslar
59
Dersler
200

Sıkça Sorulan Sorular

“Karışımlar (Kısa Tanıtım) — Derin Hiyerarşiler Olmadan Basit Yeniden Kullanım” dersi ücretsiz mi?

Evet — “Karışımlar (Kısa Tanıtım) — Derin Hiyerarşiler Olmadan Basit Yeniden Kullanım” 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 JavaScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. JavaScript Academy kursu toplamda 3 dersten oluşur.

“Karışımlar (Kısa Tanıtım) — Derin Hiyerarşiler Olmadan Basit Yeniden Kullanım” dersinde ne öğreneceğim?

Derin kalıtım olmadan küçük yetenekleri yeniden kullanın: nesne ve prototip karışımları, küçük fabrikalar ve basit güvenlik ipuçları. JavaScript 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.

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

Önceden deneyim gerekmez. CoddyKit'te JavaScript 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, 3 dersinin 3. dersidir.

“Karışımlar (Kısa Tanıtım) — Derin Hiyerarşiler Olmadan Basit Yeniden Kullanım” 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 JavaScript Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her JavaScript 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. Sınıf Alanları, Özel # Alanları, static Üyeler
  2. Kalıtım, super ve composition'ı Ne Zaman Tercih Etmeli
  3. Karışımlar (Kısa Tanıtım) — Derin Hiyerarşiler Olmadan Basit Yeniden Kullanım
← JavaScript Academy Sayfasına Dön