TS常用的类型

我不是女神ヾ 2023-01-23 01:56 177阅读 0赞

// 也可以直接使用字面量进行类型声明
    let a: 10;
    a = 10;
    
    // 可以使用 | 来连接多个类型（联合类型）
    let b: "male" | "female";
    b = "male";
    b = "female";
    
    let c: boolean | string;
    c = true;
    c = 'hello';
    
    // any 表示的是任意类型，一个变量设置类型为any后相当于对该变量关闭了TS的类型检测
    // 使用TS时，不建议使用any类型
    // let d: any;
    
    // 声明变量如果不指定类型，则TS解析器会自动判断变量的类型为any （隐式的any）
    let d;
    d = 10;
    d = 'hello';
    d = true;
    
    // unknown 表示未知类型的值
    let e: unknown;
    e = 10;
    e = "hello";
    e = true;
    
    let s:string;
    
    // d的类型是any，它可以赋值给任意变量
    // s = d;
    
    e = 'hello';
    
    // unknown 实际上就是一个类型安全的any
    // unknown类型的变量，不能直接赋值给其他变量
    if(typeof e === "string"){ 
        s = e;
    }
    
    // 类型断言，可以用来告诉解析器变量的实际类型
    /* * 语法： * 变量 as 类型 * <类型>变量 * * */
    s = e as string;
    s = <string>e;
    
    // void 用来表示空，以函数为例，就表示没有返回值的函数
    function fn(): void{ 
    }
    
    // never 表示永远不会返回结果
    function fn2(): never{ 
        throw new Error('报错了！');
    }

// object表示一个js对象
    let a: object;
    a = { };
    a = function () { 
    };
    
    // {} 用来指定对象中可以包含哪些属性
    // 语法：{属性名:属性值,属性名:属性值}
    // 在属性名后边加上?，表示属性是可选的
    let b: { name: string, age?: number};
    b = { name: '孙悟空', age: 18};
    
    // [propName: string]: any 表示任意类型的属性
    let c: { name: string, [propName: string]: any};
    c = { name: '猪八戒', age: 18, gender: '男'};
    
    /* * 设置函数结构的类型声明： * 语法：(形参:类型, 形参:类型 ...) => 返回值 * */
    let d: (a: number ,b: number)=>number;
    // d = function (n1: string, n2: string): number{ 
    // return 10;
    // }
    
    
    /* * 数组的类型声明： * 类型[] * Array<类型> * */
    // string[] 表示字符串数组
    let e: string[];
    e = ['a', 'b', 'c'];
    
    // number[] 表示数值数值
    let f: number[];
    
    let g: Array<number>;
    g = [1, 2, 3];
    
    /* * 元组，元组就是固定长度的数组 * 语法：[类型, 类型, 类型] * */
    let h: [string, number];
    h = ['hello', 123];
    
    /* * enum 枚举 * * */
    enum Gender{ 
        Male,
        Female
    }
    
    let i: { name: string, gender: Gender};
    i = { 
        name: '孙悟空',
        gender: Gender.Male // 'male'
    }
    
    // console.log(i.gender === Gender.Male);
    // &表示同时
    let j: {  name: string } & {  age: number };
    // j = {name: '孙悟空', age: 18};
    
    
    // 类型的别名
    type myType = 1 | 2 | 3 | 4 | 5;
    let k: myType;
    let l: myType;
    let m: myType;
    
    k = 2;