JavaScript Sınıfı genişletir
Örnek
Yöntemleri "Car" sınıfından devralacak "Model" adında bir sınıf oluşturun:
class Car {
constructor(brand) {
this.carname =
brand;
}
present() {
return 'I have a ' + this.carname;
}
}
class Model extends Car {
constructor(brand, mod) {
super(brand);
this.model = mod;
}
show() {
return this.present() + ', it is a ' + this.model;
}
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML
= mycar.show();
Tanım ve Kullanım
Anahtar extends
kelime, başka bir sınıfın (ebeveyn) alt sınıfını oluşturmak için kullanılır.
Alt sınıf, tüm yöntemleri başka bir sınıftan devralır.
Kalıtım, kodun yeniden kullanılabilirliği için yararlıdır: yeni bir sınıf oluşturduğunuzda mevcut bir sınıfın özelliklerini ve yöntemlerini yeniden kullanın.
Not: Yukarıdaki örnekten; 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.
Tarayıcı Desteği
extends
bir ECMAScript6 (ES6) özelliğidir.
ES6 (JavaScript 2015) tüm modern tarayıcılarda desteklenir:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
extends
Internet Explorer 11'de (veya önceki sürümlerde) desteklenmez.
Sözdizimi
class childClass extends parentClass
Teknik detaylar
JavaScript Sürümü: | ECMAScript 2015 (ES6) |
---|
İlgili Sayfalar
JavaScript Eğitimi: JavaScript Sınıfları
JavaScript Eğitimi: JavaScript ES6 (EcmaScript 2015)
JavaScript Referansı: Süper Anahtar Kelime
JavaScript Referansı: yapıcı() yöntemi