[Javascript] – Phần 51: Class trong JavaScript

Lớp (Class) được giới thiệu trong JavaScript từ phiên bản ECMAScript 2015 (ES6). Lớp đóng vai trò như một khuôn mẫu để tạo ra các đối tượng (Object) trong JavaScript.

1. Tạo lớp:

• Sử dụng từ khóa class để khai báo lớp.
• Luôn thêm phương thức khởi tạo constructor():

class Ten_lop {
  constructor() {
    // ...
  }
}

2. Tạo đối tượng:

Sử dụng từ khóa new và tên lớp để tạo đối tượng:

const doi_tuong = new Ten_lop();

3. Ví dụ:

Tạo lớp Car:

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

Tạo đối tượng myCar1 và myCar2:

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

Phương thức khởi tạo (Constructor):

• Là phương thức đặc biệt được thực thi tự động khi tạo một đối tượng mới.
• Dùng để khởi tạo các thuộc tính của đối tượng.
• Nếu không khai báo constructor, JavaScript sẽ tự thêm một constructor rỗng.

Phương thức lớp:

• Được tạo tương tự như phương thức đối tượng.
• Sử dụng bên trong class và có thể truy cập thuộc tính của đối tượng.

Ví dụ phương thức age tính tuổi xe:

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

  age() {
    const date = new Date();
    return date.getFullYear() - this.year;
  }
}

Tính tuổi của myCar:

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

Hỗ trợ trình duyệt:

Hầu hết các trình duyệt hiện tại đều hỗ trợ lớp trong JavaScript. Bạn có thể tham khảo bảng dưới đây để biết chi tiết:

Lời kết:

Lớp là một tính năng mạnh mẽ giúp code JavaScript cleaner và dễ maintain hơn. Bạn sẽ học thêm nhiều điều về lớp trong các bài học sau.