JavaScript Classes
في هذا الدرس سوف نتعرف علي ال classes في لغة ال JavaScript
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
الشروحات chevron_left JavaScript Classes chevron_left JavaScript
JavaScript Classes
</> JavaScript Classes
من الناحية العملية ، نحتاج غالبًا إلى إنشاء العديد من العناصر من نفس النوع ، مثل المستخدمين أو السلع أو أيا كان وهذا ما يسهل تحقيقه باستخدام ال 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);
</> 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
منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
الدورات
لا يوجد
