typescript 基础类型

左手的ㄟ右手 2022-10-02 01:47 137阅读 0赞

> ** typescript 基础类型**

// number 类型
    let num: number = 20
    let hexNum: number = 0x14 // 16进制
    let binaryNum: number = 0b10100 // 二进制
    let octallNum: number = 0o24 // 8进制
    
    
    // string 类型
    let _name: string = 'lwt'
    let age: number = 23
    let sentence = `Hello, my name is ${_name} .
    I'll be ${age+1} year old .`
    
    
    // ts  数组
    let list: number[] = [0,1,2]
    let list2: Array<number> = [1,2,3]
    
    // 元组
    let x: [string, number]
    x = ['lwt', 23]
    // x = [23, 'lwt']  报错  顺序有要求
    
    
    // 枚举类型
    enum Color {
        Red = 1,
        Green,
        Blue = 4
    }
    let c: Color = Color.Blue
    // 能够反查
    let colorName: string = Color[2]
    console.log(colorName) // Green
    
    // any 类型  在重构的时候有意想不到的用处
    let notSure: any = 7
    notSure = 'lwt' // 可以赋值为字符串
    notSure = false // 也可以复制布尔值
    
    // arr
    let list3: any[] = [1, 'lwt', true]
    list3[1] = null
    
    
    // void  表示没有任何类型
    function warnUser(): void {
        console.log('Waring message')
    }
    
    // null  和 undefined
    let u: undefined = undefined
    let n: null = undefined
    // 子类型可以复制给父类型
    let num2: number = 2
    num2 = null // 严格模式编译 会报错
    // 联合类型
    let numAndStr: number | string = 2
    numAndStr = 'lwt'
    
    
    // never类型表示的是那些永不存在的值的类型
    function error(message: string): never {
        throw new Error(message)
    }
    function fail() {
        return error('something failed')
    }
    
    
    
    // object 类型
    // object表示非原始类型，也就是除number，string，boolean，symbol，null或undefined之外的类型。
    declare function create(o:object | null): void;
    
    create({prop: 0})
    create(null)
    // create(07)
    // create('str')
    // create(true)
    // 其他基础类型都不行  会报错
    
    
    
    // 类型推断
    let someBody: any = 'This is Str'
     let strLength: number = (<string>someBody).length
    let strLength2: number = (someBody as string).length

> ** 编译后的Jscript**

// number 类型
    var num = 20;
    var hexNum = 0x14; // 16进制
    var binaryNum = 20; // 二进制
    var octallNum = 20; // 8进制
    // string 类型
    var _name = 'lwt';
    var age = 23;
    var sentence = "Hello, my name is " + _name + " .\nI'll be " + (age + 1) + " year old .";
    // ts  数组
    var list = [0, 1, 2];
    var list2 = [1, 2, 3];
    // 元组
    var x;
    x = ['lwt', 23];
    // x = [23, 'lwt']  报错  顺序有要求
    // 枚举类型
    var Color;
    (function (Color) {
        Color[Color["Red"] = 1] = "Red";
        Color[Color["Green"] = 2] = "Green";
        Color[Color["Blue"] = 4] = "Blue";
    })(Color || (Color = {}));
    var c = Color.Blue;
    // 能够反查
    var colorName = Color[2];
    console.log(colorName); // Green
    // any 类型  在重构的时候有意想不到的用处
    var notSure = 7;
    notSure = 'lwt'; // 可以赋值为字符串
    notSure = false; // 也可以复制布尔值
    // arr
    var list3 = [1, 'lwt', true];
    list3[1] = null;
    // void  表示没有任何类型
    function warnUser() {
        console.log('Waring message');
    }
    // null  和 undefined
    var u = undefined;
    var n = undefined;
    // 子类型可以复制给父类型
    var num2 = 2;
    num2 = null; // 严格模式编译 会报错
    // 联合类型
    var numAndStr = 2;
    numAndStr = 'lwt';
    // never类型表示的是那些永不存在的值的类型
    function error(message) {
        throw new Error(message);
    }
    function fail() {
        return error('something failed');
    }
    create({ prop: 0 });
    create(null);
    // create(07)
    // create('str')
    // create(true)
    // 其他基础类型都不行  会报错
    // 类型推断
    var someBody = 'This is Str';
    var strLength = someBody.length;
    var strLength2 = someBody.length;