انتقل إلى محتوى الدرس
فقرة فرعية #5 من درس: Class Intro

Class Methods

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

1 صفوف تعليمية
جافا سكريبت
3,259 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

- يتم انشاء الدوال الخاصة بال 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.";