WEB系列-TypeScript数据类型(上)

简介: WEB系列-TypeScript数据类型(上)

1.概述


typescript中为了使编写的代码更规范,更有利于维护,
增加了类型校验,在typescript中主要给我们提供了以下数据类型
        布尔类型(boolean)
        数字类型(number)
        字符串类型(string)
        数组类型(array)
        元组类型(tuple)
        枚举类型(enum)
        任意类型(any)
        null 和 undefined
        void类型
        never类型



2.布尔类型


  /*
    es5的写法 (正确写法)  ts中(错误写法)
        var flag=true;
        flag=456;
    */
    /*
     typescript中为了使编写的代码更规范,更有利于维护,增加了类型校验
     写ts代码必须指定类型
    var flag:boolean=true;
    // flag=123;  //错误
    flag=false;  //正确
    console.log(flag);
    */


3.数字类型


/*
        var num:number=123;
        num=456;
        console.log(num);  /正确/
        num='str';    //错误
        */


3.字符串类型


 /*
        var str:string='this is ts';
        str='haha';  //正确
        str=true;  //错误
   */


4.数组类型


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


5.元组类型


    // var arr:Array<number>=[11,22,33];
    // console.log(arr)
    //元祖类型
    // let arr:[number,string]=[123,'this is ts'];
    // console.log(arr);
/*


6.枚举类型


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


目录
相关文章
|
1天前
|
JavaScript 前端开发 开发者
【Web 前端】TypeScript 中的接口是什么?
【5月更文挑战第1天】【Web 前端】TypeScript 中的接口是什么?
|
1天前
|
JavaScript 前端开发 开发者
【Web 前端】TypeScript 的内置数据类型有哪些?
【5月更文挑战第1天】【Web 前端】TypeScript 的内置数据类型有哪些?
|
1天前
|
JavaScript 前端开发 安全
【Web 前端】使用 TypeScript 有什么好处?
【5月更文挑战第1天】【Web 前端】使用 TypeScript 有什么好处?
|
1天前
|
JavaScript 前端开发 安全
【Web 前端】TypeScript 的特点是什么?
【5月更文挑战第1天】【Web 前端】TypeScript 的特点是什么?
|
1天前
|
JavaScript 前端开发 IDE
【Web 前端】什么是 TypeScript ?
【5月更文挑战第1天】【Web 前端】什么是 TypeScript ?
|
1天前
|
开发框架 JavaScript 前端开发
【JavaScript 与 TypeScript 技术专栏】TypeScript 在 Web 开发中的前沿应用
【4月更文挑战第30天】TypeScript在Web开发中日益重要,以其强大的类型系统提升代码质量,支持组件化开发,与React、Vue、Angular等框架良好集成。在大型项目管理中,TypeScript助于代码组织和优化,提高团队协作效率。此外,它提升开发体验,提供智能提示和错误检测。众多成功案例证明其前沿应用,未来将在Web开发领域持续发挥关键作用。
|
1天前
|
JavaScript 前端开发
【Web 前端】JS中检测数据类型的有哪些?
【4月更文挑战第22天】【Web 前端】JS中检测数据类型的有哪些?
|
1天前
|
存储 前端开发 JavaScript
【Web 前端】JS数据类型有哪些?区别?
【4月更文挑战第22天】【Web 前端】JS数据类型有哪些?区别?
|
1天前
|
存储 JavaScript 前端开发
TypeScript基本数据类型详解
【4月更文挑战第23天】TypeScript基础知识概览:包括Boolean、Number、String、Array、Tuple、Enum、Any、Void、Null和Undefined以及Never类型。了解这些数据类型能提升代码质量和可维护性。示例代码展示了各种类型的用法,如定义布尔变量、数字转换、字符串操作、数组和元组声明、枚举创建、任意类型使用,以及空值和Never类型的场景。掌握这些将有助于更好地使用TypeScript进行开发。
|
1天前
|
设计模式 开发框架 数据库
Python Web开发主要常用的框架
【5月更文挑战第12天】Python Web开发框架包括Django、Flask、Tornado和Pyramid。Django适用于复杂应用,提供ORM、模板引擎等全套功能;Flask轻量级,易于扩展,适合小型至中型项目;Tornado擅长处理高并发,支持异步和WebSockets;Pyramid灵活强大,可适配多种数据库和模板引擎,适用于各种规模项目。选择框架需依据项目需求和技术栈。
111 2