TypeSciprt学习笔记1-数据类型

什么是TypeScript

  1. TypeScript是微软的开发的一款开源的开发语言,是JavaScript语言的超集
  2. 增加 静态类型,类型检查,面向对象编程,接口,模块 等特性,最终编译成JavaScript
  3. 使JavaScript更适合 大型应用 和 多人协作
  4. 跨平台,跨浏览器,跨操作系统

安装TypeScript

1
npm install -g typescript

Hello World

  1. 创建文件夹,进入到文件夹,创建npm的管理文件package.json 输入

    1
    npm init -y    # -y表示都是默认
  2. 创建typescript的管理文件tsconfig.json 输入

    1
    tsc --init
  3. 新建hellWorld.js文件

  4. 输入
    1
    2
    const str: string = "Hello World";
    console.log(str);

TypeScript学习笔记(2) - 变量

TypeScript支持的数据类型

5种基本数据类型

  1. undefined 类型
  2. null 空类型
  3. number 数值
  4. string 字符串
  5. boolean 布尔值

注意点:

  • undefined类型的变量只能赋值为undefined;null类型的变量只能赋值为null

5种TypeScript支持类型

  1. enum 枚举 :用于取值被限定在一定范围内的场景

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    //自动编译
    enum Job {
    Student,Teacher,Worker,Doctor,Driver
    }

    const xiaoming:Job = Job.Student;

    console.log("Job",Job);
    console.log("Job.student",Job.Student);
    console.log("Job['Teacher']",Job['Teacher']);
    console.log("Job[2]",Job[2]);

    //手动编译
    enum Days {
    Sun = 7, Mon = 1, Tue, Web, Thu, Fri, Sat
    }
    console.log("Days",Days);
    console.log("Days.Mon",Days.Mon);
    console.log("Days['Sun']",Days['Sun']);
  2. any 任意类型 : 用于想要在那些编程阶段还不清楚类型的变量指定一个类型,不希望类型检查器对这些值进行检查,而是让他们直接通过编译阶段的检查。

    1
    let t:any = null; t = 1234; t = true;
  3. void 空类型: 常用语表示函数没有返回值

    1
    2
    3
    function fun():void{
    alert('void test');
    }
  4. never 类型 : 表示永远不存在的值的类型。通常用于会抛出异常或者根本就不会有返回值的函数表达式或箭头函数表达式的返回值

    1
    2
    3
    function error(message:string):never{
    throw new Error(message);
    }
  5. object类型: 对象类型

2种TypeScript 集合类型

  1. tuple 元组: 允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。

    1
    2
    3
    let x:[string,number];

    x = ['gavin',18];
  2. array 数组:

    1
    2
    3
    4
    5
    //可以在元素后面接上[],表示由此元素组成的一个数组
    let list:number[] = [1,2,3,4,5,6];

    //使用数组泛型,Array<元素类型>
    let array:Array<number> = [1,23,4,5,6,7]