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.