Tepki ES6 Sınıfları


sınıflar

ES6 sınıfları tanıttı.

Sınıf bir işlev türüdür, ancak functiononu başlatmak için anahtar sözcüğü kullanmak yerine anahtar sözcüğünü kullanırız ve özellikler bir yöntemin classiçinde atanır .constructor()

Örnek

Basit bir sınıf kurucusu:

class Car {
  constructor(name) {
    this.brand = name;
  }
}

Sınıf adının durumuna dikkat edin. "Araba" adını büyük harfle başlattık. Bu, sınıflar için standart bir adlandırma kuralıdır.

Artık Car sınıfını kullanarak nesneler oluşturabilirsiniz:

Örnek

Car sınıfını temel alan "mycar" adlı bir nesne oluşturun:

class Car {
  constructor(name) {
    this.brand = name;
  }
}

const mycar = new Car("Ford");

Not: Nesne başlatıldığında yapıcı işlevi otomatik olarak çağrılır.


w3schools CERTIFIED . 2022

Sertikalı olmak!

React modüllerini tamamlayın, alıştırmaları yapın, sınava girin ve w3schools sertifikalı olun!

95 $ KAYIT

Sınıflarda Yöntem

Bir sınıfa kendi yöntemlerinizi ekleyebilirsiniz:

Örnek

"Mevcut" adlı bir yöntem oluşturun:

class Car {
  constructor(name) {
    this.brand = name;
  }
  
  present() {
    return 'I have a ' + this.brand;
  }
}

const mycar = new Car("Ford");
mycar.present();

Yukarıdaki örnekte de görebileceğiniz gibi, nesnenin yöntem adına ve ardından parantezlere başvurarak yöntemi çağırırsınız (parametreler parantez içine girer).


Sınıf Kalıtımı

Bir sınıf mirası oluşturmak için extends anahtar kelimeyi kullanın.

Sınıf mirasıyla oluşturulan bir sınıf, tüm yöntemleri başka bir sınıftan miras alır:

Örnek

Yöntemleri "Car" sınıfından devralacak "Model" adında bir sınıf oluşturun:

class Car {
  constructor(name) {
    this.brand = name;
  }

  present() {
    return 'I have a ' + this.brand;
  }
}

class Model extends Car {
  constructor(name, mod) {
    super(name);
    this.model = mod;
  }  
  show() {
      return this.present() + ', it is a ' + this.model
  }
}
const mycar = new Model("Ford", "Mustang");
mycar.show();

Yöntem super(), üst sınıfa başvurur.

Yapıcı yönteminde yöntemi çağırarak super(), ebeveynin yapıcı yöntemini çağırır ve ebeveynin özelliklerine ve yöntemlerine erişim sağlarız.

Sınıflar hakkında daha fazla bilgi edinmek için JavaScript Sınıfları bölümümüzü inceleyin.