انتقل إلى محتوى الدرس
ابدأ رحلتك
الدرس 101
دورة جافا سكريبت

Class Intro

في هذا الدرس سوف نتعرف علي ال class في لغة الجافا سكريبت وسوف نتعرف علي اهميته وكيفية انشائه وايضا العناصر الموجودة بداخله 

ابدأ التعلّم استكشف الأمثلة
أقسام الدرس
6
الأمثلة
7
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
3,223
محتوى الدرس
في هذا الدرس 6تصفّح المواضيع

تعريف ال Class

class هو عبارة عن مكان خاص لوضع الأوامر فيه مثل الدوال وأيضا لأنشاء ما يعرف بـ User-defined data type أنواع بيانات من تحديد/تصميم المستخدم.

تستخدم الـ class في كل البرامج وهي افضل نوعا ما من وضع البرنامج كاملا في مكان واحد حيث لا يمكن متابعته بشكل كامل ولا حتى مراجعته. تمكننا من تقسيم البرنامج لعدة اجزاء يسهل متابعتها.

اهم شيء بعد انشائها يجب عمل او تعريف object لاستخدام هذه الـ class والا لا يمكننا استخدامها ولا حتى تبنى بالذاكرة من دون تعريف object يقوم باستدعائها.

تعريف ال Class

Class Syntax

- نستطيع انشاء class عن طريق استخدام كلمة "Class" 

- وبعد ذلك نقوم بإضافة الدالة ( )constructor 

في المثال التالي قمنا بأنشاء class بأسم "car" وهذا ال class يحتوي علي اثنين من ال parameters وهم (name , year)

Syntax

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

Example

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

Using a Class

بعدما نقوم بأنشاء class فأنه يمكننا انشاء objects من هذا ال class وهذه ال objects تأخذ ال methods وال variables التي تم انشائها بداخل هذا ال class

HTML 
let myCar1 = new Car("Ford", 2014);
let myCar2 = new Car("Audi", 2019);
جرّب بنفسك

Constructor Method

constructor : هي دالة من نوع خاص تستخدم في انشاء وتعيين القيم الأولية لل object الذي سوف يتم انشائه من ال class الخاص بهذه الدالة 

يسمح لك ال constructor من تعيين أي قيم افتراضية لل objects التي سوف يتم انشائها من class معين قبل أجراء عليه أي تغييرات او استدعاء اي دوال 

الدالة " ( ) constructor " لها بعض الصفات الخاصة بها مثل : 

  • يجب تسميتها بنفس الاسم التالي " constructor " ولا يمكن  تغييره
  • يتم تنفيذها بشكل تلقائي عندما نقوم بأنشاء object من ال class
  • تستخدم عادة في انشاء ال properties الخاصة بال object 

Class Methods

- يتم انشاء الدوال الخاصة بال class بنفس الطريقة الخاصة بال object 

  1. اولا قم بأنشاء class عن طريق استخدام كلمة class 
  2. دائما قم بأنشاء دالة ( )constructor 
  3. بعد  ذلك قم بأنشاء الدوال التي تريدها داخل ال class علي الشكل التالي 

- في المثال التالي قمنا بأنشاء دالة تسمي ( )age تقوم بأرجاع عمر السيارة 

Syntax

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

Example

HTML 
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 الي الدوال كما في الدوال العادية كالمثال التالي

HTML 
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.";
جرّب بنفسك

use strict

strict Mode : هو عبارة عن طريقة يتم بها كتابة ال classes في لغة ال java script وخلال هذه الطريقة يجب ان تقوم بتعريف المتغيرات قبل استخدامها بداخل ال class ففي المثال التالي اذا لم نقوم بكتابة كلمة " let " قبل "Date " فسوف يحدث خطأ ولن يتم تنفيذ البرنامج 

  • يوفر طريقة للأشخاص لكتابة JavaScript بطريقة محدودة
  • الوضع الصارم ليس مجرد مجموعة فرعية من JavaScript ،
  • تحتوي عمدًا على دلالات مختلفة عن الشفرة العادية.
  • يمكن أن يتعايش رمز الوضع الصارم ورمز الوضع غير الصارم ،
  •  يمكن أن تتحول الرموز الحالية تدريجيًا إلى الوضع المتشدد.

- يُجري الوضع Strict بعض التغييرات على دلالات JavaScript العادية ،

(1) يزيل الوضع الصارم بعض الأخطاء الصامتة في JavaScript ، ويجعلها بدلاً من ذلك تطرح الاستثناءات.

(2) هناك بعض الميزات التي ستؤثر على التحسين الإضافي لمحرك جافا سكريبت ، ويعمل الوضع المتشدد على إصلاحها. لذلك ، قد يعمل الوضع المقيد بشكل أسرع.

(3) يعطل الوضع الصارم بعض بناء الجملة الذي يمكن تحديده في الإصدارات المستقبلية من ECMAScript.د

-يمكن تطبيق الوضع الصارم على البرامج النصية بأكملها أو الوظائف الفردية.


Example

HTML 
class Car {
  constructor(name, year) {
    this.name = name;
    this.year = year;
  }
  age() {
    /* date = new Date();  This will not work */
    let date = new Date(); /* This will work */
    return date.getFullYear() - this.year;
  }
}
جرّب بنفسك

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…