• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

typeScript中的数据类型

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
/*
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 arr2:Array<number>=[11,22,33];

        console.log(arr2)
        
   

    //3、第三种

        var arr3:any[]=['131214',22,true];

        console.log(arr3);



// 元组类型(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)


    // 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)

// 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();
       */



// never类型:是其他类型 (包括 null 和 undefined)的子类型,代表从不会出现的值。

//这意味着声明never的变量只能被never类型所赋值。


   /*
    var a:undefined;
    a=undefined;
    var b:null;
    b=null;
   */

   var a:never;

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

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

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript设计模式之职责链、状态发布时间:2022-07-18
下一篇:
webpack中typeScript的打包配置发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap