0Pricing
JavaScript Academy · Ders

Sınıf Sözdizimi (Önizleme): constructor, yöntemler, static, extends

Sınıf sözdizimine yumuşak bir giriş yapın: constructor, örnek yöntemleri, static yardımcıları ve extends ile basit kalıtım.

Sınıf Sözdizimi (Önizleme): constructor, yöntemler, static, extends, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 2 dersinin 2. 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.

Sınıf söz dizimine giriş

Amaç: Sınıf söz diziminin prototiplerle nasıl eşlendiğini görün.

  • Kurulum için constructor
  • Prototipteki yöntemler
  • Sınıftaki static yardımcılar
  • Basit kalıtım için extends
Sınıf Sözdizimi (Önizleme): constructor, yöntemler, static, extends — resim 1

Kurucu + yöntem

constructor, new kullanıldığında çalışır. Sınıf gövdesindeki yöntemler tüm örnekler tarafından paylaşılır (prototip).

// Class with a constructor and an instance method
class Counter {
  constructor(start = 0) {
    // Initialize fields
    this.value = start;
  }

  // Instance method (lives on the prototype)
  inc() {
    this.value = this.value + 1;
    console.log("Now:", this.value);
  }
}

const c = new Counter(1);
c.inc();
c.inc();
Sınıf Sözdizimi (Önizleme): constructor, yöntemler, static, extends — resim 2

Prototip paylaşımı

Sınıf söz dizimindeki örnek yöntemleri prototip yöntemleridir; bu nedenle aynı işlev yeniden kullanılır.

// Prototype sharing demo
class Greeter {
  say(name) {
    console.log("Hello,", name);
  }
}

const g1 = new Greeter();
const g2 = new Greeter();

// Same function reference for both instances
console.log("Same method?", g1.say === g2.say);
Sınıf Sözdizimi (Önizleme): constructor, yöntemler, static, extends — resim 3

Statik yöntem temelleri

static yöntemler örneklerde değil, doğrudan sınıfın kendisinde çağrılır.

// Static method: lives on the class, not instances
class MathBox {
  static double(n) {
    return n * 2;
  }
}

console.log("Static call:", MathBox.double(4));

const m = new MathBox();
// @ts-ignore (conceptually): next line would be undefined in JS
console.log("Instance has static?", typeof m.double);
Sınıf Sözdizimi (Önizleme): constructor, yöntemler, static, extends — resim 4

Basit kalıtım

extends, prototip zincirini kurar; üst sınıf yöntemini çağırmak için super kullanın.

// Inheritance with extends and super
class Animal {
  speak() {
    console.log("...");
  }
}

class Dog extends Animal {
  speak() {
    // Optionally call parent method
    super.speak();
    console.log("Woof");
  }
}

const d = new Dog();
d.speak();
Sınıf Sözdizimi (Önizleme): constructor, yöntemler, static, extends — resim 5

Sınıflar için ipuçları

İpuçları:

  • Sınıfları küçük tutun: birkaç alan ve yöntem yeterlidir.
  • Sınıf gövdesindeki örnek yöntemlerini tercih edin (prototip üzerinden paylaşılır).
  • Bir örneğe bağlı olmayan saf yardımcılar için static kullanın.
Sınıf Sözdizimi (Önizleme): constructor, yöntemler, static, extends — resim 6

Sınıf yöntemi konumlandırma sınaması

Hızlı kontrol: Paylaşılan yöntemin konumu.

Sınıf Sözdizimi (Önizleme): constructor, yöntemler, static, extends — resim 7

Özet

Özet: Bir kurucu içeren bir sınıf oluşturdunuz, paylaşılan örnek yöntemleri yazdınız, bir statik yardımcı eklediniz ve bir temel sınıfı super ile genişlettiniz.

Sınıf Sözdizimi (Önizleme): constructor, yöntemler, static, extends — resim 8

Sıkça Sorulan Sorular

“Sınıf Sözdizimi (Önizleme): constructor, yöntemler, static, extends” dersi ücretsiz mi?

Evet — “Sınıf Sözdizimi (Önizleme): constructor, yöntemler, static, extends” 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.

“Sınıf Sözdizimi (Önizleme): constructor, yöntemler, static, extends” dersinde ne öğreneceğim?

Sınıf sözdizimine yumuşak bir giriş yapın: constructor, örnek yöntemleri, static yardımcıları ve extends ile basit kalıtım. 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 2. dersidir.

“Sınıf Sözdizimi (Önizleme): constructor, yöntemler, static, extends” 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