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 的子属性，所以会报错了。