‎‎كلاسهاي جاوااسكريپتJavaScript Classes -‎

Previous > <Next

‎نسخهECMAScript 2015 جاوااسكريپت كه بنام ES6 شناخته ميشود، كلاسهاي آنرا معرفي كرد . ‎كلاسهاي جاوااسكريپت قالب هائي براي اشياء جاوااسكريپت هستند.

‎‎فرمت كلي كلاسJavaScript Class Syntax -‎

‎‎با كي ورد‎class‎ ميتوان يك كلاسي را ايجادكرد .

‎‎هميشه متد‎‎constructor()‎ ‎‎براي ساخت كلاس معرفي نمائيد .

‎

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

‎‎مثال ـ نمونه ايجاد كلاس با نامcar

‎

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

‎‎در مثال بالا كلاسي بنامcar با دو ويژگي اوليه بنام name و year ايجاد ميشود .

‎

‎‎توجه ـ كلاسهاي جاوااسكريپت شئ نيستند، آنها قالبي براي معرفي اشياء جاوااسكريپت ميباشند.

‎‎استفاده از يك كلاسUsing a Class -‎

‎‎هنگامي كه يك كلاس تعريف شده داريد، ميتوانيد با آن شئ ايجاد نمائيد.

‎‎مثال ـ ايجاد شئ با كلاسcar

‎

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

‎‎در مثال بالا با استفاده از كلاسcar دو شئ از نوعcarايجاد شده است .

‎

‎متد سازنده كلاس‎(constructor)‎ در هنگام ايجاد شئ بصورت خودكار براي ساخت آن ‎فعال ميشود.

‎‎متد سازندهThe Constructor Method -‎

‎‎متد سازنده متد خاصي مطابق زير:

‎‎نام آن متد دقيقا‎‎"constructor‎"‎ است .
‎‎آن در هنگام ايجاد يك شئ جديد بصورت خودكار اجرا ميگردد.
‎‎آن براي دادن مقادير اوليه ويژگي ها مورد استفاده قرارميگيرد.

‎‎اگر در ايجاد كلاس متد سازنده معرفي نشود، جاوااسكريپت يك متد سازنده تهي به آن اضافه مينمايد

‎‎متدهاي كلاسClass Methods -‎

‎متدهاي يك كلاس مشابه قوانين كلي متدهاي شئ ايجاد ميشوند .با استفاده از كي ورد ‎class‎‎كلاسي ايجاد ميشود .

‎هميشه متد سازنده‎‎constructor( ) ‎‎به آن اضافه ميگردد .سپس هر تعداد ‎متد لازم به آن ميتوان اضافه نمود.

‎‎فرمت كلي كلاس با متد

‎

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

‎‎مثال ـ ايجاد متدي با نام‎‎"age‎"‎ در كلاس car كه سال رابرگشت ميدهد .

‎

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

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

‎‎ميتوان پارامترهائي را به متدهاي كلاس ارسال كرد.

‎‎مثال ـ ارسال پارامتر به متد كلاس

‎

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

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

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