Menu
CoddyTech

Thuộc tính và phương thức

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 13 trên 56.

Các lớp trong JavaScript cho phép chúng ta định nghĩa các thuộc tính và phương thức mà mọi đối tượng của lớp đều dùng chung.

Tạo một lớp có các thuộc tính:

class Car {
  constructor(make, model) {
    this.make = make;
    this.model = model;
  }
}

Khi tạo một đối tượng, hàm khởi tạo thiết lập các thuộc tính sau:

const myCar = new Car('Toyota', 'Corolla');
console.log(myCar.make);  // Đầu ra: 'Toyota'
console.log(myCar.model); // Đầu ra: 'Corolla'

Thêm một phương thức vào lớp:

class Car {
  constructor(make, model) {
    this.make = make;
    this.model = model;
  }
  
  getDescription() {
    return `This car is a ${this.make} ${this.model}.`;
  }
}

Giờ đây, bạn có thể gọi phương thức này trên bất kỳ đối tượng nào:

const myCar = new Car('Toyota', 'Corolla');
console.log(myCar.getDescription()); // Đầu ra: 'This car is a Toyota Corolla.'
challenge icon

Thử thách

Tạo một lớp có tên Book trong tệp book.js với những nội dung sau:

  1. Một hàm khởi tạo (constructor) nhận các tham số title, author và pages, rồi đặt chúng làm thuộc tính.
  2. Một phương thức có tên getInfo, trả về một chuỗi theo định dạng: “Title: [title], Author: [author], Pages: [pages]”
  3. Xuất lớp bằng cách thêm `export` vào trước khai báo `class`

Tự làm thử

import { Book } from './book.js';

// Kiểm tra (không sửa phần này)
const book = new Book("JavaScript Basics", "John Doe", 200);
console.log(book.getInfo());
quiz iconTự 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

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