Đối tượng JavaScript nâng cao
Trong JavaScript, hầu hết mọi thứ đều là đối tượng, từ các tính năng JavaScript cốt lõi như mảng đến các API trình duyệt được xây dựng trên JavaScript. Bạn cũng có thể tạo các đối tượng của riêng mình để đóng gói các hàm và biến liên quan thành các gói hiệu quả và hoạt động như các vùng chứa dữ liệu tiện dụng.
Có kiến thức sâu hơn về cách các đối tượng JavaScript hoạt động rất hữu ích khi bạn ngày càng tự tin hơn với phát triển web, bắt đầu xây dựng các ứng dụng phức tạp hơn và tạo thư viện của riêng mình. Mô-đun này sẽ giúp bạn bằng cách cung cấp lý thuyết về đối tượng JavaScript và thực hành lập trình hướng đối tượng.
Điều kiện tiên quyết
Trước khi bắt đầu mô-đun này, bạn thực sự nên học các kiến thức cơ bản về JavaScript, đặc biệt là các nguyên tắc cơ bản về đối tượng JavaScript. Ngoài ra, sẽ rất có ích nếu bạn có chút quen thuộc với HTML và CSS.
Hướng dẫn và thử thách
- Nguyên mẫu đối tượng
-
Nguyên mẫu (prototype) là cơ chế mà các đối tượng JavaScript kế thừa tính năng từ nhau, và chúng hoạt động khác với cơ chế kế thừa trong các ngôn ngữ lập trình hướng đối tượng cổ điển. Trong bài viết này, chúng ta tìm hiểu cách chuỗi nguyên mẫu hoạt động.
- Lập trình hướng đối tượng
-
Trong bài viết này, chúng ta sẽ mô tả một số nguyên tắc cơ bản của lập trình hướng đối tượng "cổ điển", và xem xét cách nó khác với mô hình nguyên mẫu trong JavaScript.
- Lớp trong JavaScript
-
JavaScript cung cấp một số tính năng cho những người muốn triển khai các chương trình hướng đối tượng "cổ điển", và trong bài viết này, chúng ta sẽ mô tả các tính năng đó.
- Thực hành xây dựng đối tượng
-
Trong các bài viết trước, chúng ta đã xem xét tất cả các lý thuyết và chi tiết cú pháp đối tượng JavaScript cơ bản, cung cấp cho bạn một nền tảng vững chắc để bắt đầu. Trong bài viết này, chúng ta sẽ thực hành, cho bạn thêm kinh nghiệm xây dựng các đối tượng JavaScript tùy chỉnh, tạo ra điều gì đó vui và đầy màu sắc — một số quả bóng nảy đầy màu sắc.
- Thêm tính năng vào demo bóng nảy của chúng ta Thử thách
-
Trong thử thách này, bạn được yêu cầu sử dụng demo bóng nảy từ bài viết trước làm điểm xuất phát, và thêm một số tính năng mới và thú vị vào đó.
Kiểm tra kỹ năng của bạn
Bạn sẽ tìm thấy các bài viết "Kiểm tra kỹ năng" được đặt giữa các bài hướng dẫn để kiểm tra xem bạn có ghi nhớ thông tin quan trọng nhất trước khi tiếp tục hay không. Nếu bạn muốn khám phá tất cả chúng cùng nhau, bạn có thể tìm chúng được liệt kê tại Kiểm tra kỹ năng: Đối tượng JavaScript nâng cao.
Xem thêm
- Learn JavaScript
-
Một tài nguyên tuyệt vời cho các nhà phát triển web đầy tham vọng — Học JavaScript trong môi trường tương tác, với các bài học ngắn và các bài kiểm tra tương tác, được hướng dẫn bởi đánh giá tự động. 40 bài học đầu tiên miễn phí, và toàn bộ khóa học có sẵn với một khoản thanh toán một lần nhỏ.