Trong bài viết này, mình sẽ đề cập đến một thành phần rất quan trọng với các bạn trong JavaScript, đó là Giới thiệu về Class trong JavaScript. Cùng tìm hiểu nhé
Giới thiệu về Lớp học trong JavaScript
Nếu bạn đã và đang học JavaScript, bạn có thể đã nghe nói về các Lớp và tự hỏi chúng là gì và tại sao chúng ta cần chúng. Vâng, giống như hầu hết các ngôn ngữ lập trình cấp cao, JavaScript cũng hỗ trợ Class
Các Class [layer] giúp tạo các đối tượng dễ dàng hơn. Bạn có thể coi chúng như một bản thiết kế hoặc một máy cắt cookie. Bạn có thể sử dụng khái niệm này để tạo nhiều đối tượng theo cùng một kiểu và thực hiện nhanh hơn
Cùng nhìn vào định nghĩa lớp Học sinh dưới đây
Chúng ta có một lớp tên là Student, lớp này có một phương thức khởi tạo và ba phương thức, cụ thể là các phương thức getter. Những gì chúng tôi cung cấp là 1 khuôn mẫu cho Sinh viên. Một phương thức khởi tạo được gọi khi bạn tạo một đối tượng của một lớp. Nó có thể sử dụng các tham số để xác định các thuộc tính chính của đối tượng
Từ khóa mới mà bạn thấy ở đây được dùng để gọi phương thức khởi động
Nếu không có các lớp, quá trình này có thể trở nên cồng kềnh và lặp lại
Kế thừa
Với sức mạnh của các lớp, bạn có thể sử dụng kế thừa để chia sẻ các phương thức và thuộc tính với các lớp khác. Hình ảnh một trường học đang tạo ra một đội bóng rổ và bóng đá. Đúng, họ không phải là cùng một môn thể thao, nhưng những người chơi chia sẻ rất nhiều tính chất chung
Đó là một dấu hiệu cho thấy họ có thể là một ứng cử viên cho quyền thừa kế. Ví dụ. all hai cầu thủ trong đội đều có thuộc tính tên, giới tính và tuổi có thể được kế thừa từ lớp Student mà chúng ta đã tạo
Ví dụ
Trong JavaScript, bạn có thể coi super như một cú pháp mở rộng đến phần tử lớp cha và đây là phần mở rộng cho phần tử lớp hiện tại
Từ khóa siêu gọi hàm tạo của lớp cha. Trong trường hợp này, siêu [tên] chuyển một đối số đến Trường lớp cha. Bắt buộc phải chuyển các đối số của lớp cha trước, nếu không, JavaScript sẽ gây ra lỗi
Một lớp con mở rộng đến Lớp cha cũng sẽ có quyền truy cập vào các phương thức của nó, có nghĩa là bạn không phải viết các phương thức getter cho tên, tuổi và giới tính vì chúng tôi đã khai báo các phương thức trong Lớp cha. Nó có gọn gàng không?
Phương thức tĩnh
Nhưng nếu bạn muốn có một phương thức được bao gồm trong lớp cha nhưng không có sẵn cho các lớp con? . Cannot truy cập các phương thức tĩnh từ bất kỳ trường hợp nào của các đối tượng lớp con. Cách duy nhất để truy cập hoặc sử dụng chúng là thông qua cuộc gọi lớp cha
Kết luận
Các lớp giúp chúng ta tạo đối tượng một cách dễ dàng hơn. Nó quản lý quá trình chuyển đổi trơn tru giữa các thuộc tính và phương thức từ lớp này sang lớp khác. Ngoài ra, nếu trong tương lai bạn muốn thêm và xóa các thay đổi, chúng tôi có thể thực hiện công việc này một cách dễ dàng vì mọi thay đổi trong lớp cha sẽ được chia sẻ trong tất cả các lớp con
Mặc dù đây không phải là hướng dẫn đầy đủ về Class trong JavaScript nhưng nó có nghĩa là cung cấp cho bạn một ý tưởng tưởng tượng chung về những gì chúng được sử dụng như thế nào và tại sao chúng ta sử dụng chúng