0Pricing
JavaScript Academy · Ders

Prototip Zinciri ve Kendi Özelliklerinin Temelleri

Prototip zincirinin temellerini öğrenin; kendi özellikleriyle miras alınan özellikleri ayırt edin; Object.create kullanın ve basit tanımlayıcılar ayarlayın.

Prototip Zinciri ve Kendi Özelliklerinin Temelleri, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 2 dersinin 1. 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 2 dersten oluşur.

Prototiplere giriş

Amaç: Nesnelerin prototip zinciri üzerinden nasıl kalıtım aldığını ve öz keys ile devralınan keys ayrımının nasıl yapılacağını görün.

  • Prototip zinciri
  • hasOwn ve in karşılaştırması
  • Object.create
  • Temel tanımlayıcılar
Prototip Zinciri ve Kendi Özelliklerinin Temelleri — resim 1

Prototip araması

Bir key nesne üzerinde bulunamazsa JavaScript nesnenin prototipine bakar (ör. Object.prototype).

// A simple object
const user = { name: "Ayla" };

// The prototype is another object used for fallback lookups
const proto = Object.getPrototypeOf(user);

console.log("name:", user.name);
console.log("has toString?", typeof user.toString === "function");
console.log("proto same as Object.prototype?", proto === Object.prototype);
Prototip Zinciri ve Kendi Özelliklerinin Temelleri — resim 2

Öz ve devralınan

Object.hasOwn(obj, key) yalnızca öz keys için true döndürür. "key" in obj devralınanları da içerir.

// Own vs inherited checks
const point = { x: 1 };

// "in" sees own or inherited
console.log("x in point:", "x" in point);
console.log("toString in point:", "toString" in point);

// Only own keys
console.log("hasOwn x:", Object.hasOwn(point, "x"));
console.log("hasOwn toString:", Object.hasOwn(point, "toString"));
Prototip Zinciri ve Kendi Özelliklerinin Temelleri — resim 3

Object.create temelleri

Object.create(proto), proto öğesinden kalıtım alan bir nesne oluşturur.

// Use Object.create to set a prototype
const animal = { kind: "animal" };

// pet inherits from animal
const pet = Object.create(animal);
pet.name = "Milo";

console.log("pet name:", pet.name);
console.log("pet kind (inherited):", pet.kind);
console.log("hasOwn kind?", Object.hasOwn(pet, "kind"));
Prototip Zinciri ve Kendi Özelliklerinin Temelleri — resim 4

Tanımlayıcılar (temel)

Object.defineProperty, bir key için writable ve enumerable gibi bayrakları ayarlayabilir.

// Define simple descriptors
const prefs = {};
Object.defineProperty(prefs, "theme", {
  value: "dark",
  writable: false,
  enumerable: true
});

// Try to change (silently fails in non-strict)
prefs.theme = "light";

console.log("theme:", prefs.theme);

// List keys: theme is enumerable
console.log("keys:", Object.keys(prefs));
Prototip Zinciri ve Kendi Özelliklerinin Temelleri — resim 5

İpuçları ve kontrol listesi

İpuçları:

  • Öz keys değerlerini sınamak için Object.hasOwn(obj, key) kullanın.
  • Küçük prototipler oluşturmak için Object.create(proto) kullanmayı tercih edin.
  • İlk aşamada tanımlayıcı kullanımını sınırlı tutun; varsayılanlar yeterlidir.
Prototip Zinciri ve Kendi Özelliklerinin Temelleri — resim 6

Öz ve devralınan sınaması

Hızlı kontrol: Öz özellik sınaması.

Prototip Zinciri ve Kendi Özelliklerinin Temelleri — resim 7

Özet

Özet: Motor, eksik keys değerlerini prototipte arar. Yalnızca öz keys için hasOwn, bir prototip ayarlamak için Object.create ve temel bayrakları denetlemek için tanımlayıcıları kullanın.

Prototip Zinciri ve Kendi Özelliklerinin Temelleri — resim 8

Sıkça Sorulan Sorular

“Prototip Zinciri ve Kendi Özelliklerinin Temelleri” dersi ücretsiz mi?

Evet — “Prototip Zinciri ve Kendi Özelliklerinin Temelleri” 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 2 dersten oluşur.

“Prototip Zinciri ve Kendi Özelliklerinin Temelleri” dersinde ne öğreneceğim?

Prototip zincirinin temellerini öğrenin; kendi özellikleriyle miras alınan özellikleri ayırt edin; Object.create kullanın ve basit tanımlayıcılar ayarlayın. 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, 2 dersinin 1. dersidir.

“Prototip Zinciri ve Kendi Özelliklerinin Temelleri” 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. Prototip Zinciri ve Kendi Özelliklerinin Temelleri
  2. Sınıf Sözdizimi (Önizleme): constructor, yöntemler, static, extends
← JavaScript Academy Sayfasına Dön