من الناحية العملية ، نحتاج غالبًا إلى إنشاء العديد من العناصر من نفس النوع ، مثل المستخدمين أو السلع أو أيا كان وهذا ما يسهل تحقيقه باستخدام ال classes

نستخدم الكلمة class لنستطيع انشاء class

ودائما يجب ان يحتوي علي دالة تسمي ( )constructor

Syntax

class ClassName {
  constructor() { ... }
}

Example

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

</> Using a Class

بمجرد أنشائك لل class فبأمكانك انشاء object منه بكل سهولة بهذه الطريقة وهذا ال object يحتوي نفس الدوال والمتغيرات التي تم انشائها بداخل ال class

let myCar1 = new Car("Ford", 2014);
let myCar2 = new Car("Audi", 2019);

جربها بنفسك

بمجرد أنشائك ل object فأن دوال ال constructor يتم استدعائها بشكل تلقائي

</> The Constructor Method

دوال ال constructor هي دوال لها صفات خاصة عن بقية الدوال الاخري فهي :

تأخذ اسم constructor ولا يمكن تغييره
يتم تنفيذها بشكل تلقائي عند انشاء ال objects
الهدف من انشائها هو تحديد خصائص ومتغيرات ال object بداخلها

اذا لم تقم بأنشاء دوال ال constructor فأن javaScript سوف تقوم بأنشاء دالة constructor فارغة لك بشكل تلقائي

Syntax

class ClassName {
  constructor() { ... }
  
}

</> Class Methods

يمكن اضافة دوال اخري الي ال class غير ال constructor بكل سهولة ونفس طريقة كتابة ال constructor

اولا قم بأنشاء class عن طريق استخدام الكلمة class ثم بعدها اكتب الاسم الذي تريد لل class
قم بأنشاء ال constructor بعدها
ثم قم بأنشاء كل الدوال التي تريد انشائها داخل الكلاس بكل سهولة

Syntax

class ClassName {
  constructor() { ... }
  method_1() { ... }
  method_2() { ... }
  method_3() { ... }
}

Example

class Car {
  constructor(name, year) {
    this.name = name;
    this.year = year;
  }
  age() {
    let date = new Date();
    return date.getFullYear() - this.year;
  }
}

let myCar = new Car("Ford", 2014);
document.getElementById("demo").innerHTML =
"My car is " + myCar.age() + " years old.";

جربها بنفسك

يمكنك ايضا اضافة parameters الي ال class بهذه الطريقة

class Car {
  constructor(name, year) {
    this.name = name;
    this.year = year;
  }
  age(x) {
    return x - this.year;
  }
}

let date = new Date();
let year = date.getFullYear();

let myCar = new Car("Ford", 2014);
document.getElementById("demo").innerHTML=
"My car is " + myCar.age(year) + " years old.";

جربها بنفسك

معلومات تهمك

لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.

عدد المشاركات

التالى

CLOSETAG

منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.

JavaScript Classes

التاريخ

الدروس

المستوى

اللغة

المشاهدات

المواضيع

الشروحات JavaScript Classes JavaScript