TypeScript代码集

console.log('你好ts');


var str:string="你好ts";


function getData(){
	
	return 'ts'
}

1、vscode配置自动编译

    1.第一步   tsc --inti 生成tsconfig.json   改 "outDir": "./js",  


    2、第二步 任务 - 运行任务  监视tsconfig.json


2、typeScript中的数据类型

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


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




布尔类型（boolean）

    
    es5的写法 （正确写法）  ts中（错误写法）
        var flag=true;
        
        flag=456;
    

 

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

     写ts代码必须指定类型



    var flag:boolean=true;

     flag=123;  //错误

    flag=false;  //正确

    console.log(flag);


    



 数字类型（number）


    
        var num:number=123;

        num=456;

        console.log(num);  /正确/


        num='str';    //错误
        
        


 字符串类型(string)


   
        var str:string='this is ts';

        str='haha';  //正确


        str=true;  //错误

   
  


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

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


     1.第一种定义数组的方式

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

        console.log(arr);
     

    2.第二种定义数组的方式

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

        console.log(arr)
        
    



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


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

     console.log(arr)


    元祖类型
     let arr:[number,string]=[123,'this is ts'];

     console.log(arr);



    





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



       

                enum Flag {success=1,error=2};


                let s:Flag=Flag.success;

                console.log(s);



                enum Flag {success=1,error=2};


                    let f:Flag=Flag.error;

                    console.log(f);
          
    

            
            000010

            -1

            -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





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


     var e:Err=Err.success;

     console.log(e);



     


 任意类型（any）




 null 和 undefined




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




  

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