Các đối tượng bên trong đối tượng trong TypeScript

Các đối tượng có thể chứa bên trong chúng những đối tượng khác, được mô tả bởi các giao diện riêng biệt. Hãy xem qua các ví dụ.

Giả sử chúng ta có một giao diện mô tả một đối tượng thành phố:

typescriptinterface City {
  name: string
}

Chúng ta cũng sẽ tạo một giao diện mô tả người dùng. Trong đó, người dùng sẽ có tên, tuổi và thành phố, bản thân nó cũng là một đối tượng:

typescriptinterface User {
  name: string,
  age: number,
  city: City
}

Hãy tạo một đối tượng người dùng:

typescriptlet city: City = {name: 'london'};
let user: User = {name: 'john', age: 30, city: city};

Không nhất thiết phải tạo một biến riêng cho thành phố:

typescriptlet user: User = {
  name: 'john',
  age: 30,
  city: {name: 'london'}
};

typescriptlet employee = {
  name: 'andrew',
  position: {
    name: 'programmer',
    salary: 1000,
  },
  addr: {
    country: 'belarus',
    city: 'minsk'
  }
};

typescriptlet user: User = {
  name: 'john',
  age: 30,
  parents: {
    mother: {
      name: 'jane',
      age: 30,
      parents: null
    },
    father: {
      name: 'eric',
      age: 30,
      parents: null
    }
  }
}