TypeScript中对于设置对象的‘可选属性’的几个注意点

Mi_Ni_BoX

于 2024-05-26 11:24:29 发布

阅读量158

点赞数 3

CC 4.0 BY-SA版权

文章标签：前端开发语言 typescript

本文链接：https://blog.csdn.net/Mi_Ni_BoX/article/details/139212479

//定义type类型
type person={
    name:string,
    age:number,
    eat(thing:string):void,
    hobby?:string
    }
    
    //绑定类型
    const xiaomi:person={
    name:'Hx',
    age:16,
    eat(thing){console.log(thing)}
    }
    
    //调用对象方法（因为hobby设置为可选属性，所有必须先得判断是否存在hobby，才来使用它）
    
    //1.采用可选链来判断hobby是否存在(推荐)
    xiaomi.hobby?.concat()
    
    //2.传统
    if(xiaomi.hobby){
    xiaomi.hobby.concat()
    }
    
    //3.&&运算符
    xiaomi.hobby&&xiaomi.hobby.concat()