Ôn nhanh: đối tượng
Thuộc phần Lập trình hướng đối tượng trong hành trình JavaScript của Coddy. Bài học 1 trên 56.
Từ đối tượng dữ liệu đến đối tượng thông minh
Trong phần 2, logic và luồng chương trình, bạn đã học cách dùng đối tượng làm vùng chứa dữ liệu. Bây giờ, mình sẽ biến những đối tượng dữ liệu tĩnh này thành các đối tượng năng động, thông minh, có thể thực hiện hành động và tự quản lý trạng thái của chúng.
Những gì bạn đã biết từ phần 2:
Đối tượng là tập hợp các cặp khóa-giá trị, giúp bạn lưu trữ các dữ liệu có liên quan cùng nhau. Hãy hình dung chúng như những chiếc hộp chứa thông tin về một thứ gì đó.
// Đối tượng làm nơi chứa dữ liệu đơn giản
const player = {
name: "Alex",
health: 100,
level: 2,
inventory: ["sword", "potion"]
};
// Truy cập dữ liệu
console.log(player.name); // "Alex"
console.log(player.health); // 100
console.log(player.inventory[0]); // "sword": truy cập phần tử mảng
// Cập nhật dữ liệu
player.health = 85;Thử thách
In cấp độ của người chơi ra bảng điều khiển.
Tự làm thử
const player = {
name: "Alex",
health: 100,
level: 2,
inventory: ["sword", "potion"]
};
// TODO: in cấp độ của người chơi ra bảng điều khiểnBài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.
Tất cả bài học trong Lập trình hướng đối tượng
1Đối tượng và từ khóa this
Ôn nhanh: đối tượngThêm phương thức vào đối tượngTìm hiểu từ khóa thisHàm khởi tạoTừ khóa newThử thách ôn tập7Kế thừa và từ khóa extends
Kế thừaQuan hệ "là một"Từ khóa extendsPhương thức super()Kế thừa thuộc tính và phương thứcThử thách ôn tập13Kết hợp hay kế thừa
Quan hệ “có một” và “là một”Những hạn chế của kế thừa nhiều tầngXây dựng đối tượng5Đóng gói và quyền truy cập
Đóng góiTrường công khai và trường riêng tưPhương thức riêng tưThử thách ôn tập8Tổ chức code OOP
Tổ chức các lớp thành module11Dự án: Trình hiển thị hình dạng
Thiết lập: lớp Hình dạng và xuấtKế thừa lớp Hình trònGhi đè và phương thức diện tíchBộ đếm hình dạng tĩnh6Dự án: Tài khoản ngân hàng đơn giản
Lớp BankAccountGửi tiền và rút tiềnSố dư dưới dạng thuộc tính riêng tư9Phương thức và thuộc tính tĩnh
Cấp lớp và cấp instanceThuộc tính tĩnhPhương thức tiện ích tĩnhThử thách ôn tậpTự luyện tập: Trình biên dịch JavaScript online