Properti Opsional dalam Interface TypeScript

Dalam interface, kita juga dapat menentukan properti khusus opsional (tidak wajib). Mereka diperlukan agar tidak membatasi objek pada kumpulan properti tertentu. Pada saat yang sama, penggunaan properti yang tidak termasuk dalam interface dilarang. Properti opsional ditetapkan menggunakan operator ?, yang ditulis setelah nama properti.

Mari buat interface IFigure, yang menentukan properti untuk semua objek-figur. Biarkan color menjadi properti opsional:

interface IFigure {
	height: number;
	width: number;
	color?: string;
}

Sekarang mari buat objek rectangle dan tampilkan nilai warnanya di konsol:

let rectangle: IFigure = {
	height: 200,
	width: 300,
	color: 'red'
}

console.log(rectangle.color); // 'red'

Dan sekarang mari periksa apakah akan terjadi error jika warna tidak ditentukan dalam objek:

let rectangle: IFigure = {
	height: 200,
	width: 300
}

console.log(rectangle.color);

Tidak akan ada error dan di konsol akan ditampilkan pesan bahwa warnanya tidak terdefinisi:

undefined

Buatlah interface IDate untuk objek yang menyimpan tanggal: tahun, bulan, dan hari. Biarkan semua properti objek menjadi tidak wajib.