typescript接口设置只读和任意类型

interface student {
  readonly id: string;  // 只读属性
  name: string;
  age?: number; // 可选属性
  gender: string;
  [propName: string]: any  // 任意属性
}

let Jhon = {
  id: '20101102',
  name: 'Jhon',
  age: 18,
  gender: 'male',
  class: 'grade3'
}

注意：使用 [propName: string] 定义了任意属性取 string 类型的值。但是，一旦定义了任意属性，那么确定属性和可选属性的类型都必须是它的类型的子集。

例如：

interface student {
  readonly id: string;  // 只读属性
  name: string;
  age?: number; // 可选属性
  gender: string;
  [propName: string]: string
}

let Jhon = {
  id: '20101102',
  name: 'Jhon',
  age: 18,
  gender: 'male',
  class: 'grade3'
}

 [propName: string]: string，任意属性的值允许是 string，但是可选属性 age 的值却是 number，number 不是 string 的子属性，所以会报错了。