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ı.
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ışı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));

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());

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());

Ü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());

İ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ışım uygulama sınaması
Kısa kontrol: Bir sınıfa karışım uygulama.

Ö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.

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
- Sınıf Alanları, Özel # Alanları, static Üyeler
- Kalıtım, super ve composition'ı Ne Zaman Tercih Etmeli
- Karışımlar (Kısa Tanıtım) — Derin Hiyerarşiler Olmadan Basit Yeniden Kullanım