ts_对象的类型——接口

在Typescript中，使用接口（interfaces）来定义对象的类型

interface Person {
    name: string;
    age: number;
}
// tom的类型是Person，tom的形状必须和接口Person一致
let tom: Person = {
    name: 'Tom,
    age: 25
};

// 定义的变量比接口少了一些属性是不允许的
let tom: Person = {
    name: 'Tom'
    // 报错 Property 'age' is missing in type '{ name: string; }' but required in type 'Person'.
}
// 多一些属性也是不允许的
let tom: Person = {
    name: 'Tom',
    age: 25,
    job: 'web' // 报错
}
// 可选属性，有时候希望不要完全匹配，可以用可选属性，用？表示
interface Person {
    name: string
    age?: number
}
let tom: Person = {
    name: 'Tom'
    // 要么匹配一致，要么缺少属性，不能添加未定义的属性
};

// 任意属性, 
interface Person {
    name: string
    age?: number
    [propName: string]: any
}
let tom: Person = {
    name: 'Tom',
    gender: 'male'
};
// 一旦定义了任意属性，那么确定属性和可选属性的类型都必须是任意属性的子集
interface Person {
    name: string
    age?: number
    [propName: string]: string // 不能将类型“{ name: string; age: number; job: string; }”分配给类型
}
let tom: Person = {
    name: 'Tom',
    age: 25,
    job: 'web'
};

// 只读属性
interface Person {
    readonly id: number;
    name: string;
    age?: number;
    [propName: string]: any;
}
let tom: Person = {
    id: 89757,
    name: 'Tom',
    gender: 'male'
};

tom.id = 9527  // Cannot assign to 'id' because it is a read-only property.