Giao diện cho lớp OOP trong TypeScript

Giao diện trong TypeScript cũng được sử dụng rộng rãi như các mẫu cho các lớp. Để áp dụng một giao diện cho một lớp, sau tên lớp viết từ khóa implements và sau đó là tên giao diện.

Đồng thời, giao diện chỉ mô tả các thuộc tính và phương thức công khai của lớp. Phần riêng tư được xác định trong chính lớp và không được mô tả trong giao diện.

Hãy thử thực hành. Giả sử chúng ta có giao diện sau, xác định một thuộc tính và một phương thức:

interface IUser {
	name: string;
	greet(): string;
}

Hãy tạo một lớp triển khai giao diện này. Trong lớp này, chúng ta phải triển khai thuộc tính name và phương thức greet:

class User implements IUser {
	name: string;
	
	constructor(name: string) {
		this.name = name;
	}
	
	greet() {
		return `hello, ${this.name}!`;
	}
}

Tạo giao diện IMath với các thuộc tính num1 và num2 và phương thức getDiv, phương thức này sẽ chia số thứ nhất cho số thứ hai.

Tạo lớp Math, triển khai giao diện IMath.