٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش کلاسهای جاوا اسکریپت

ECMAScript 2015 ، همچنین به عنوان ES6 شناخته می شود ، کلاسهای JavaScript را معرفی کرد. کلاسهای JavaScript الگوهایی برای اشیا Java JavaScript هستند. نحو کلاس جاوا اسکریپت classبرای ایجاد کلاس از کلمه کلیدی استفاده کنید. همیشه روشی به نام اضافه کنید constructor():…

محمد یوسفی

23 جولای 2021

ECMAScript 2015 ، همچنین به عنوان ES6 شناخته می شود ، کلاسهای JavaScript را معرفی کرد.

کلاسهای JavaScript الگوهایی برای اشیا Java JavaScript هستند.

نحو کلاس جاوا اسکریپت

classبرای ایجاد کلاس از کلمه کلیدی استفاده کنید.

همیشه روشی به نام اضافه کنید constructor():

نحو

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

مثال

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

مثال فوق یک کلاس به نام “Car” ایجاد می کند.

کلاس دارای دو ویژگی اولیه است: “name” و “year”.

کلاس A جاوا اسکریپت است نه یک شی.

این یک الگوی برای اشیا Java جاوا اسکریپت است.


استفاده از کلاس

وقتی کلاس دارید ، می توانید از کلاس برای ایجاد اشیا استفاده کنید:

مثال

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

مثال بالا از کلاس Car برای ایجاد دو شی Car استفاده می کند .

هنگام ایجاد یک شی new جدید ، روش سازنده به طور خودکار فراخوانی می شود.


روش سازنده

روش سازنده یک روش خاص است:

  • باید نام دقیق “سازنده” داشته باشد
  • با ایجاد یک شی new جدید به طور خودکار اجرا می شود
  • برای مقدمه گذاری خصوصیات شی استفاده می شود

اگر یک روش سازنده تعریف نکنید ، JavaScript یک روش سازنده خالی اضافه می کند.


روش های کلاس

متدهای کلاس با همان نحو متدهای شی ایجاد می شوند.

classبرای ایجاد کلاس از کلمه کلیدی استفاده کنید.

همیشه یک constructor()روش اضافه کنید .

سپس به هر تعداد روش اضافه کنید.

نحو

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

یک روش Class با نام “age” ایجاد کنید که سن Car را برمی گرداند:

مثال

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.";

می توانید پارامترها را به روش های 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.";

پشتیبانی مرورگر

جدول زیر اولین نسخه مرورگر را با پشتیبانی کامل از Classes در JavaScript تعریف می کند:

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها