JavaScript Sınıfı yapıcısı
Örnek
Bir Car sınıfı oluşturun ve ardından Car sınıfını temel alan "mycar" adlı bir nesne oluşturun:
class Car {
constructor(brand) { // Constructor
this.carname = brand;
}
}
mycar = new Car("Ford");
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Yöntem constructor()
, bir sınıf içinde oluşturulan nesneleri oluşturmak ve başlatmak için özel bir yöntemdir.
Bir constructor()
sınıf başlatıldığında yöntem otomatik olarak çağrılır ve tam adı "constructor" olmalıdır, aslında bir yapıcı yönteminiz yoksa JavaScript görünmez ve boş bir yapıcı yöntemi ekleyecektir.
Not: Bir sınıf birden fazla yapıcı() yöntemine sahip olamaz. Bu bir atacaktır SyntaxError
.
super()
Bir üst sınıfın yapıcısını çağırmak için yöntemi kullanabilirsiniz (aşağıdaki "Daha Fazla Örnek"e bakın).
Tarayıcı Desteği
constructor()
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 |
constructor()
Internet Explorer 11'de (veya önceki sürümlerde) desteklenmez.
Sözdizimi
constructor(parameters)
Teknik detaylar
JavaScript Sürümü: | ECMAScript 2015 (ES6) |
---|
Daha fazla örnek
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(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();
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.
İlgili Sayfalar
JavaScript Eğitimi: JavaScript Sınıfları
JavaScript Eğitimi: JavaScript ES6 (EcmaScript 2015)
JavaScript Referansı: Genişletilmiş Anahtar Kelime
JavaScript Referansı: Süper Anahtar Kelime