property yang Dihitung

Termasuk bagian Pemrograman Berorientasi Objek dalam perjalanan JavaScript di Coddy. Pelajaran 44 dari 56.

Computed property adalah getter yang menghitung dan mengembalikan nilai, bukan sekadar mengembalikan data yang tersimpan. Bentuknya seperti property biasa, tetapi nilainya dihitung saat itu juga.

Mari kita lihat contohnya. Kita memiliki object dengan property biasa:

const circle = {
  radius: 5
};

Sekarang kita menambahkan property terhitung menggunakan getter:

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

Beginilah cara kita mengakses property hasil perhitungan:

console.log(circle.diameter); // Output: 10

Jika kita memperbarui radius, diameter juga otomatis diperbarui:

circle.radius = 10;
console.log(circle.diameter); // Output: 20

Property hasil perhitungan berguna ketika nilai suatu property bergantung pada property lain atau memerlukan perhitungan.

Tantangan

Kamu diberi class Rectangle dengan property lebar dan tinggi. Tugasmu adalah menambahkan property hasil perhitungan untuk luas dan keliling.

Property hasil perhitungan area - mengembalikan lebar × tinggi
Property hasil perhitungan perimeter - mengembalikan 2 × (lebar + tinggi)

Coba sendiri

import { Rectangle } from './rectangle.js';

// Kode pengujian, jangan diubah
const rect = new Rectangle(5, 10);
console.log(`Area: ${rect.area}`);        // Seharusnya menghasilkan output "Area: 50"
console.log(`Perimeter: ${rect.perimeter}`); // Seharusnya menghasilkan output "Perimeter: 30"