TypeScript - 基本数据类型

1. 布尔型
2. 数字型
3. 字符串型
4. 数组型
5. 元组型
6. 枚举型
7. any型
8. void型
9. object型
10. 联合型

(()=>{
    // 1.布尔型
    let flag:boolean = true
    console.log(flag)

    // 2.数字型
    let num:number = 100
    console.log(num)

    // 3.字符串型
    let str:string = 'hello'
    console.log(str)

    // 4.数组类型,里面数据类型必须与定义数组类型时一致
    // 写法1
    let arr1:number[] = [1,2,3,4,5,6,7]
    console.log(arr1)
    // 写法2
    let arr2:Array<number> = [100,200,300,400]
    console.log(arr2)

    // 5.元组类型：数据类型与位置要一致
    let arr3:[string,boolean,number] = ['balala',false,98]
    console.log(arr3)
    console.log(arr3[0].split(''))

    // 6.枚举类型,数据只可以为中文
    enum Color {
        red,
        blue,
        yellow,
        粉色
    }
    let color:Color = Color.blue
    console.log(color)
    console.log(Color.粉色)

    // 7.any类型
    let str4:any = 100
    str4 = '有数字我就不取，诶就是玩'
    console.log(str4)
    // 一个数组要存储多个数据，个数，类型不确定，可用any定义数组
    let arr4:any[] = [100,'aaa']
    let a = arr4[1].split('')
    console.log(a)

    // 8.void类型，在函数声明的时候，小括号后使用:void，代表该函数没有任何返回值
    function showMsg():void {
        console.log('有字我也不输出，诶就是玩')
    }
    showMsg()

    // 9.object类型
    function getObj(obj:object):object {
        console.log(obj)
        return {
            name: '达达',
            age: 18
        }
    }
    console.log(getObj({name: '鸽鸽', age: 17}));

    // 10.联合类型，可表示取值为多种类型的一种
    function getString(strn:string|number):number {
        if (strn.length) {
            return strn.length
        } else {
            return strn.toString().length
        }
    }

    console.log(getString(12256));
})()

解析出的 js代码如下

(function () {
    // 1.布尔型
    var flag = true;
    console.log(flag);
    // 2.数字型
    var num = 100;
    console.log(num);
    // 3.字符串型
    var str = 'hello';
    console.log(str);
    // 4.数组类型,里面数据类型必须与定义数组类型时一致
    // 写法1
    var arr1 = [1, 2, 3, 4, 5, 6, 7];
    console.log(arr1);
    // 写法2
    var arr2 = [100, 200, 300, 400];
    console.log(arr2);
    // 5.元组类型：数据类型与位置要一致
    var arr3 = ['balala', false, 98];
    console.log(arr3);
    console.log(arr3[0].split(''));
    // 6.枚举类型,数据只可以为中文
    var Color;
    (function (Color) {
        Color[Color["red"] = 0] = "red";
        Color[Color["blue"] = 1] = "blue";
        Color[Color["yellow"] = 2] = "yellow";
        Color[Color["\u7C89\u8272"] = 3] = "\u7C89\u8272";
    })(Color || (Color = {}));
    var color = Color.blue;
    console.log(color);
    console.log(Color.粉色);
    // 7.any类型
    var str4 = 100;
    str4 = '有数字我就不取，诶就是玩';
    console.log(str4);
    // 一个数组要存储多个数据，个数，类型不确定，可用any定义数组
    var arr4 = [100, 'aaa'];
    var a = arr4[1].split('');
    console.log(a);
    // 8.void类型，在函数声明的时候，小括号后使用:void，代表该函数没有任何返回值
    function showMsg() {
        console.log('有字我也不输出，诶就是玩');
    }
    showMsg();
    // 9.object类型
    function getObj(obj) {
        console.log(obj);
        return {
            name: '达达',
            age: 18
        };
    }
    console.log(getObj({ name: '鸽鸽', age: 17 }));
    // 10.联合类型，可表示取值为多种类型的一种
    function getString(strn) {
        if (strn.length) {
            return strn.length;
        }
        else {
            return strn.toString().length;
        }
    }
    console.log(getString(12256));
})();

运行结果如下