مُنشئ فئة JavaScript

مثال

قم بإنشاء فئة سيارة ، ثم قم بإنشاء كائن يسمى "mycar" بناءً على فئة السيارة:

class Car {
constructor(brand) { // Constructor
this.carname = brand;
}
}
mycar = new Car("Ford");

المزيد من الأمثلة "جربها بنفسك" أدناه.

التعريف والاستخدام

الطريقة constructor()هي طريقة خاصة لإنشاء وتهيئة الكائنات التي تم إنشاؤها داخل فئة.

يتم constructor()استدعاء الطريقة تلقائيًا عند بدء فئة ، ويجب أن يكون لها الاسم الدقيق "المُنشئ" ، في الواقع ، إذا لم يكن لديك طريقة مُنشئ ، فستضيف JavaScript طريقة مُنشئ غير مرئية وفارغة.

ملاحظة: لا يمكن أن تحتوي الفئة على أكثر من طريقة منشئ (). سيؤدي هذا إلى رمي ملف SyntaxError.

يمكنك استخدام super()الأسلوب لاستدعاء مُنشئ فئة أصل (راجع "مزيد من الأمثلة" أدناه).

دعم المتصفح

constructor() هي إحدى ميزات ECMAScript6 (ES6).

ES6 (JavaScript 2015) مدعوم في جميع المتصفحات الحديثة:


Chrome	Edge	Firefox	Safari	Opera
Yes	Yes	Yes	Yes	Yes

constructor() غير مدعوم في Internet Explorer 11 (أو أقدم).

بناء الجملة

constructor(parameters)

تفاصيل تقنية

إصدار JavaScript:	ECMAScript 2015 (ES6)

مزيد من الأمثلة

لإنشاء وراثة فئة ، استخدم extends الكلمة الأساسية.

ترث الفئة التي تم إنشاؤها باستخدام وراثة فئة جميع العمليات من فئة أخرى:

مثال

قم بإنشاء فئة باسم "Model" والتي سوف ترث الطرق من فئة "Car":

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();

الطريقة super()تشير إلى الفئة الأصل.

من خلال استدعاء التابع super()في التابع constructor ، فإننا نستدعي طريقة التابع constructor للوالدين ونحصل على وصول إلى خصائص وطرق الأصل.