Thuộc tính tùy chọn trong Interface TypeScript

Trong interface, cũng có thể thiết lập các thuộc tính đặc biệt tùy chọn (không bắt buộc). Chúng cần thiết để không giới hạn đối tượng trong một tập hợp thuộc tính cụ thể. Đồng thời, việc sử dụng các thuộc tính không nằm trong interface bị cấm. Các thuộc tính tùy chọn được thiết lập bằng toán tử ?, được đặt sau tên thuộc tính.

Hãy tạo một interface IFigure, thiết lập các thuộc tính cho tất cả các đối tượng-hình dạng. Giả sử color là thuộc tính tùy chọn:

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

Bây giờ hãy tạo đối tượng rectangle và in giá trị màu sắc của nó ra console:

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

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

Và bây giờ hãy kiểm tra xem có lỗi không nếu không thiết lập màu trong đối tượng:

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

console.log(rectangle.color);

Sẽ không có lỗi và trong console sẽ hiển thị thông báo rằng màu sắc đơn giản là không được xác định:

undefined

Tạo interface IDate cho một đối tượng lưu trữ ngày tháng: năm, tháng và ngày. Giả sử tất cả các thuộc tính của đối tượng đều là tùy chọn.