Thuộc tính tính toán

Thuộc tính tính toán là các hàm getter tính toán và trả về một giá trị, thay vì chỉ trả về dữ liệu đã lưu. Chúng trông giống thuộc tính thông thường nhưng tính toán giá trị ngay khi cần.

Hãy cùng xem ví dụ. Ta có một đối tượng với thuộc tính thông thường:

const circle = {
  radius: 5
};

Bây giờ, chúng ta thêm một thuộc tính được tính toán bằng getter:

const circle = {
  radius: 5,
  get diameter() {
    return this.radius * 2;
  }
};

Đây là cách chúng ta truy cập thuộc tính đã tính toán:

console.log(circle.diameter); // Đầu ra: 10

Nếu chúng ta cập nhật bán kính, đường kính cũng tự động cập nhật:

circle.radius = 10;
console.log(circle.diameter); // Đầu ra: 20

Thuộc tính được tính toán hữu ích khi giá trị của một thuộc tính phụ thuộc vào các thuộc tính khác hoặc cần được tính toán.