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