首页 > 其他 > 详细

ts_对象的类型——接口

时间:2020-06-11 13:56:00      阅读:55      评论:0      收藏:0      [点我收藏+]

在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.


ts_对象的类型——接口

原文:https://www.cnblogs.com/JunLan/p/13092264.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!