کلاس‌های JavaScript

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

کلاس‌های JavaScript مدل‌های شیء JavaScript هستند.

کلاس‌های JavaScript

نحوه نوشتن

از کلیدواژه class یک کلاس ایجاد کنید.

همیشه باید به نام constructor() روش‌های

نحوه نوشتن

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

مثال

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

مثال بالا یک کلاس به نام "Car" ایجاد می‌کند.

این کلاس دو ویژگی اولیه دارد: "name" و "year".

کلاس‌های JavaScriptنهشیء.

این تنها یک شیء JavaScript است.مدل.

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

اگر شما یک کلاس دارید، می‌توانید از آن برای ایجاد شیء استفاده کنید:

مثال

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

به طور مستقیم امتحان کنید

مثال بالا از کلاس Carدو تا شیء Car.

در هنگام ایجاد شیء جدید به صورت خودکار این روش فراخوانی می‌شود.

Method Constructor

Constructor یک روش خاص است:

  • باید دقیقاً نام "constructor" داشته باشد
  • در هنگام ایجاد شیء جدید به صورت خودکار اجرا می‌شود
  • برای�始化 ویژگی‌های شیء استفاده می‌شود
  • اگر روش constructor تعریف نشده باشد، JavaScript یک روش constructor خالی اضافه می‌کند.

Method Class

ایجاد روش‌های کلاسیک

نحوه نوشتن

مثل روش‌های شیء.

از کلیدواژه class یک کلاس ایجاد کنید.

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

سپس می‌توانید تعداد دلخواهی روش اضافه کنید.

نحوه نوشتن

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

یک روش کلاسیک به نام "age" ایجاد کنید که سن خودرو را برمی‌گرداند:

مثال

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

به طور مستقیم امتحان کنید

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

در جدول زیر، نسخه‌های اولیه مرورگرهایی که کلاس‌های JavaScript را کاملاً پشتیبانی می‌کنند، مشخص شده است:

Chrome IE Firefox Safari Opera
Chrome 49 Edge 12 Firefox 45 Safari 9 Opera 36
مارس 2016 جولای 2015 مارس 2016 اکتبر 2015 مارس 2016

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