Các thuộc tính của giao diện trong TypeScript

Giả sử chúng ta có một giao diện mô tả người dùng:

typescriptinterface IUser {
  
}

Hãy thêm vào giao diện này các thuộc tính và kiểu của chúng:

typescriptinterface IUser {
  name: string;
  age: number;
}

Bây giờ chúng ta tạo một đối tượng của giao diện. Để làm điều này, khai báo một biến, trong đó chỉ định giao diện đã chọn làm kiểu:

typescriptlet user: IUser;

Bây giờ chúng ta có thể gán giá trị cho các thuộc tính được xác định trong giao diện:

typescriptlet user: IUser = {
  name: 'john',
  age: 30
}

Nếu bây giờ thử tạo người dùng mà không gán cho họ các thuộc tính bắt buộc, chúng ta sẽ thấy lỗi:

typescriptlet user: IUser = {
  name: 'john',  // lỗi
}

Lỗi cũng sẽ xảy ra nếu cố gắng tạo thuộc tính thừa:

typescriptlet user: IUser = {
  name: 'john',
  surn: 'smit', // lỗi
  age: 30
}