TypeScript(interface的各种情况分析)

正确的声明方式与使用方式

interface People{   //接口名称首字母大写

    name:string;

    age:number;        //属性之间用;分割。

}

function createPeople(value:People):{sex:boolean}{                  //使用方式 People接口会对value进行限制

    return {

        sex:true

        }

}

对于传入的参数进过接口验证时的各种情况

1,正确的情况,完全符合接口的参数:

2,少一项的情况:(报错,不能少,否则报错)

2.1,正确的少项方式:(通过?来使属性变成选填)

3,多项的情况:(报错,不能多,否则报错)

3.1,正确的多项情况:(通过[propName:string]:any;来声明会有多余的项)

3.2,错误的多项情况:(通过[propName:string]来声明的项的数据类型必须包含接口的其他项的内容)


3.3,[propName:string]包含其他项数据类型的正确方式:

        一,使用 [propName:string]:any;

        二,使用联合类型方式 [propName:string]:string|number;


4.0,readonly(只读属性,一旦被初始赋值后就不能改变)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容