美文网首页
TS基础(四)联合类型

TS基础(四)联合类型

作者: Viewwei | 来源:发表于2020-12-21 17:43 被阅读0次

    联合类型表示取值可以参考多种类型中的一种。联合类型使用|来对多种类型进行分割

    let myFavoriteNumber: string | number;
        myFavoriteNumber = 'seven';
        myFavoriteNumber = 7;  
    

    联合类型在实际的使用中可以使用type来定义,可以是类型声明更贱简洁

     type m =  string | number
        let c:m  ;
        c = 1;
        c = "11"
    

    Ts不确定联合类型不确定变量使用哪种类型的时候,我们只能访问联合类型中共有属性和方法

    function getLength(something: string | number): number {
        return something.length;
    }
    //length属性number不存在
    // index.ts(2,22): error TS2339: Property 'length' does not exist on type 'string | number'.
    //   Property 'length' does not exist on type 'number'.
    

    联合类型的变量在赋值的时候,会根据赋值类型推断出规则中的一个类型

    myFavoriteNumber = 'seven';
    console.log(myFavoriteNumber.length); // 5
    myFavoriteNumber = 7;
    console.log(myFavoriteNumber.length); // 编译时报错  myFavoriteNumber已经被推断为number类型,不存在length属性
    
    // index.ts(5,30): error TS2339: Property 'length' does not exist on type 'number'.
    
    

    相关文章

      网友评论

          本文标题:TS基础(四)联合类型

          本文链接:https://www.haomeiwen.com/subject/hjfdnktx.html