TypeScript笔记（二）数据类型

TypeScript中为了使代码编写的更规范，更有利于维护，增加了类型校验，在TypeScript中主要给我们提供了以下类型：

• 布尔类型（boolean）
• 数字类型（number）
• 字符串类型（string）
• 数组类型（array）
• 元组类型（tuple）
• 枚举类型（enum）
• 任意类型（any）
• null和undefined
• void类型
• never类型

1. 布尔类型（boolean）

var flag=true;
        
flag=456;

如上代码，在es5中是正确写法，在ts中是错误写法

typescript中为了使编写的代码更规范，更有利于维护，增加了类型校验

写ts代码必须指定类型

2. 数字类型(number)

//数字类型
    var num:number=123;
    num = 456;
    console.log(num);//正确

    num='str';//错误

3. 字符串类型（string）

//字符串类型(string)
    var str:string='this is ts';
    str='haha';//正确

    str=true;//错误

4. 数组类型（array）
   ts中定义数组有两种方式

var arr=['1','2'];  //es5定义数组

• 第一种定义数组的方式

var arr:number[]=[11,22,33];

console.log(arr);

• 第二种定义数组的方式

var arr:Array<number>=[11,22,33];

console.log(arr);

5. 元组类型（tuple） 属于数组的一种

let arr:[number,string]=[123,'this is ts'];

console.log(arr);

6. 枚举类型（enum）
   随着计算机的不断普及，程序不仅只用于数值计算，还更广泛地用于处理非数值的数据。
   例如：性别、月份、星期几、颜色、单位名、学历、职业等，都不是数值数据。
   在其它程序设计语言中，一般用一个数值来代表某一状态，这种处理方法不直观，易读性差。
   如果能在程序中用自然语言中有相应含义的单词来代表某一状态，则程序就很容易阅读和理解。
   也就是说，事先考虑到某一变量可能取的值，尽量用自然语言中含义清楚的单词来表示它的每一个值，
   这种方法称为枚举方法，用这种方法定义的类型称枚举类型。

        enum 枚举名{ 
            标识符[=整型常数], 
            标识符[=整型常数], 
            ... 
            标识符[=整型常数], 
        } ;  
   

                enum Flag {success=1,error=2};
                let s:Flag=Flag.success;
                console.log(s);//打印出1

            enum Flag {success=1,error=2};
            let f:Flag=Flag.error;
            console.log(f);//打印出2

以上就是枚举类型

在课本中的一些常用例子：

        enum Color {blue,red,'orange'};

        var c:Color=Color.red;

        console.log(c);   //1  如果标识符没有赋值 它的值就是下标

    enum Color {blue,red=3,'orange'};

    //var c:Color=Color.red;

    //console.log(c);   //3
    
    var c:Color=Color.orange;
    console.log(c);   //4		这里是4因为枚举成员的数值每次都在前一个的数值上加一

     enum Err {'undefined'=-1,'null'=-2,'success'=1};

     var e:Err=Err.success;

     console.log(e);/1

7. 任意类型（arry）

    // var num:any=123;

    // num='str';

    // num=true;

    // console.log(num)

任意类型的用处：

    var oBox:any=document.getElementById('box');

    oBox.style.color='red';

// null 和 undefined 其他（never类型）数据类型的子类型

// var num:number;

// console.log(num)  //输出：undefined   报错


// var num:undefined;

// console.log(num)  //输出：undefined  //正确

// var num:number | undefined;


// num=123;

// console.log(num);

//定义没有赋值就是undefined
// var num:number | undefined;

// console.log(num);

// var num:null;
// num=null;

//一个元素可能是 number类型 可能是null 可能是undefined

var num:number | null | undefined;

num=1234;

console.log(num)

8. void类型:typescript中的void表示没有任何类型，一般用于定义方法的时候方法没有返回值。

es5的定义方法
function run(){
	console.log('run')
     }

    run();

表示方法没有返回任何类型

    //正确写法
    function run():void{

            console.log('run')
        }

        run();

        //错误写法
        /*
            function run():undefined{

                console.log('run')
            }

            run();

//正确写法
       function run():number{

           return 123;
        }

        run();

9. never类型:是其他类型 （包括 null 和 undefined）的子类型，代表从不会出现的值。
   这意味着声明never的变量只能被never类型所赋值。

    var a:undefined;

    a=undefined;

    var b:null;

    b=null;

   var a:never;

    a=123; //错误的写法
    a=(()=>{

        throw new Error('错误');
    })()