Menu

Bắt đầu học

Thêm phương thức vào đố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 2 trên 56.

Đối tượng trong JavaScript có thể chứa không chỉ thuộc tính dữ liệu mà còn cả phương thức, tức là các hàm thuộc về đối tượng.

Tạo một đối tượng đơn giản có một thuộc tính:

const person = {
  name: "John"
};

Thêm một phương thức vào đối tượng:

const person = {
  name: "John",
  greet: function() {
    return "Hello!";
  }
};

Gọi phương thức:

person.greet(); // Trả về "Hello!"

Bạn cũng có thể dùng cú pháp viết tắt được giới thiệu trong ES6:

const person = {
  name: "John",
  greet() {
    return "Hello!";
  }
};

Thử thách

Thêm phương thức add vào đối tượng calculator. Phương thức này nhận hai số và trả về tổng của chúng.

Ví dụ sử dụng:

calculator.add(5, 3); // returns 8

Tự làm thử

let a = parseInt(inp[0]); // Đừng thay đổi dòng này
let b = parseInt(inp[1]); // Đừng thay đổi dòng này

// Đối tượng calculator đã tồn tại 
const calculator = {
  // TODO: Thêm phương thức 'add' vào đây, nhận hai số và trả về tổng của chúng

};

console.log(calculator.add(a, b));

Tự kiểm tra

Bà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 this Hàm khởi tạo Từ khóa new Thử thách ôn tập

4Phương thức và quản lý trạng thái

Phương thức thay đổi trạng thái Mẫu chuỗi phương thức

7Kế thừa và từ khóa extends

Kế thừa Quan hệ "là một"Từ khóa extends Phương thức super()Kế thừa thuộc tính và phương thức Thử thách ôn tập

10Đa hình

Đa hình là gì?Ghi đè phương thức kế thừa Sử dụng super Thử thách ôn tập

13Kế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ầng Xây dựng đối tượng

2Tổ chức code

Module là gì?Xuất bằng export Nhập bằng import Export mặc định và export có tên

5Đóng gói và quyền truy cập

Đóng gói Trường công khai và trường riêng tư Phương thức riêng tư Thử thách ôn tập

8Tổ chức code OOP

Tổ chức các lớp thành module

11Dự án: Trình hiển thị hình dạng

Thiết lập: lớp Hình dạng và xuất Kế thừa lớp Hình tròn Ghi đè và phương thức diện tích Bộ đếm hình dạng tĩnh

14Hệ thống quản lý thư viện

Thiết kế thư viện Lớp Book với composition Xác thực tác giả sách

3Lớp và đối tượng

Lớp là gì?Tạo instance Thuộc tính và phương thức Thử thách ôn tập

6Dự án: Tài khoản ngân hàng đơn giản

Lớp BankAccount Gửi tiền và rút tiền Số 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 instance Thuộc tính tĩnh Phương thức tiện ích tĩnh Thử thách ôn tập

12Getter và setter

Từ khóa get và set Thuộc tính tính toán Kiểm tra hợp lệ và tác dụng phụ Thử thách ôn tập

15Thử thách cuối cùng

Trình tạo nhân vật game Hệ thống sản phẩm thương mại điện tử Hệ thống quản lý đại học Hệ thống thiết bị nhà thông minh

Tự luyện tập: Trình biên dịch JavaScript online