美文网首页我爱编程
TypeScript联合类型

TypeScript联合类型

作者: 彬少灬 | 来源:发表于2018-01-04 14:26 被阅读685次

    联合类型(Union Types)表示取值可以为多种类型中的一种

    let somThing: number | string;
    somTing = "shenyubin";
    somTing = 18;
    

    如果赋值其它类型就会报错,比如说:

    somTing = true;
    

    当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候,我们只能访问此联合类型的所有类型里共有的属性或方法

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

    length 不是 string 和 number 的共有属性,所以会报错。
    访问 string 和 number 的共有属性是没问题的:
    toString()函数是根据原始布尔值或者 booleanObject 对象的值返回字符串 "true" 或 "false"

    function getString(something: string | number): string {
        return something.toString();
    }
    

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


    根据类型推论的规则推断出一个类型.jpg

    TypeScript入门教程——联合类型

    相关文章

      网友评论

        本文标题:TypeScript联合类型

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