رد فعل فئات ES6
الطبقات
قدم ES6 الفصول.
الفئة هي نوع من الوظائف ، ولكن بدلاً من استخدام الكلمة الرئيسية
function
لبدءها ، نستخدم الكلمة الأساسية
class
، ويتم تعيين الخصائص داخل إحدى
constructor()
الطرق.
مثال
مُنشئ فئة بسيط:
class Car {
constructor(name) {
this.brand = name;
}
}
لاحظ حالة اسم الفئة. لقد بدأنا اسم "سيارة" بحرف كبير. هذا هو اصطلاح تسمية قياسي للفئات.
يمكنك الآن إنشاء كائنات باستخدام فئة السيارة:
مثال
قم بإنشاء كائن يسمى "mycar" بناءً على فئة السيارة:
class Car {
constructor(name) {
this.brand = name;
}
}
const mycar = new Car("Ford");
ملاحظة: يتم استدعاء دالة المُنشئ تلقائيًا عند تهيئة الكائن.
الحصول على شهادة!
95 دولارًا ENROLL
الطريقة في الفصول
يمكنك إضافة طرقك الخاصة في الفصل:
مثال
أنشئ طريقة باسم "الحاضر":
class Car {
constructor(name) {
this.brand = name;
}
present() {
return 'I have a ' + this.brand;
}
}
const mycar = new Car("Ford");
mycar.present();
كما ترى في المثال أعلاه ، يمكنك استدعاء الطريقة بالإشارة إلى اسم طريقة الكائن متبوعًا بأقواس (ستدخل المعلمات داخل الأقواس).
الوراثة الطبقية
لإنشاء وراثة فئة ، استخدم extends
الكلمة الأساسية.
ترث الفئة التي تم إنشاؤها باستخدام وراثة فئة جميع العمليات من فئة أخرى:
مثال
قم بإنشاء فئة باسم "Model" والتي سوف ترث الطرق من فئة "Car":
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();
الطريقة super()
تشير إلى الفئة الأصل.
من خلال استدعاء التابع super()
في التابع constructor ، فإننا نطلق على التابع constructor التابع للوالد ونحصل على وصول إلى خصائص وطرق الأصل.
لمعرفة المزيد حول الفصول ، راجع قسم فئات JavaScript .