TypeScript 是 JavaScript 的一个超集

  • 安装TypeScript :npm install -g typescript

  • 查看TypeScript版本: tsc -v

  • 将ts文件转换为js文件:tsc test.ts

  • 运行js文件:node test.js

1、TypeScript基础类型

  • 任意类型 any :声明为 any 的变量可以赋予任意类型的值
    TypeScript基本语法
  • 数字类型 number:双精度 64 位浮点值。它可以用来表示整数和分数
  • 字符串类型 string:一个字符系列,使用单引号(’)或双引号(")来表示字符串类型。反引号(`)来定义多行文本和内嵌表达式
  • 布尔类型 boolean:表示逻辑值:true 和 false
  • 数组类型 :声明变量为数组
    TypeScript基本语法
  • 元组类型:用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同。
    TypeScript基本语法
  • 枚举类型 enum:枚举类型用于定义数值集合
    TypeScript基本语法
  • void void:用于标识方法返回值的类型,表示该方法没有返回值
  • null 表示对象缺失
  • undefined 初始化变量为一个未定义的值
  • never never 其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值
    2、位运算符
  • & 两个相应的二进位都为 1,该位的结果值才为 1,否则为 0。
  • | 两个相应的二进位中只要有一个为 1,该位的结果值为 1。
  • ~ 取反,使数字 1 成为 0,0 成为 1。
  • ^ 异或,如果某位不同则该位为 1,否则该位为 0。
  • << 左移,<<左边的运算数的各二进位全部左移若干位 0101 << 1 => 1010
  • (>> 右移,>>左边的运算数的各二进位全部右移若干位 0101 >> 1 => 0010)
  • ( >>> 无符号右移,与有符号右移位类似,左边一律使用0 补位。 0010 >>> 1 => 0001)

3、函数参数

  • 可选参数使用问号标识 ? lastName?: string 可选参数必须跟在必需参数后面
  • 参数不能同时设置为可选和默认
  • 剩余参数语法允许我们将一个不确定数量的参数作为一个数组传入 …restOfName: string[]
  • 匿名函数 :const res = function( [arguments] ) { … }
  • 构造函数 :const res = new Function( [arguments] ) { … })
  • 箭头函数 :([param1, parma2, …param n]) => statement;

4、localeCompare() 用本地特定的顺序来比较两个字符串
TypeScript基本语法
5、数组解构
TypeScript基本语法
6、数组迭代
TypeScript基本语法
7、二维数组
TypeScript基本语法
8、数组方法

  • every() 检测数值元素的每个元素是否都符合条件
  • some() 检测数组元素中是否有元素符合指定条件
  • concat() 连接两个或更多的数组,并返回结果
  • filter() 检测数值元素,并返回符合条件所有元素的数组
  • forEach() 数组每个元素都执行一次回调函数
  • indexOf() 搜索数组中的元素,并返回它所在的位置
  • join() 把数组的所有元素放入一个字符串
  • lastIndexOf() 返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索
  • map() 通过指定函数处理数组的每个元素,并返回处理后的数组
  • pop() 删除数组的最后一个元素并返回删除的元素
  • push() 向数组的末尾添加一个或更多元素,并返回新的长度
  • reduce() 将数组元素计算为一个值(从左到右)
  • reduceRight() 将数组元素计算为一个值(从右到左)
  • reverse() 反转数组的元素顺序
  • shift() 删除并返回数组的第一个元素
  • slice() 选取数组的的一部分,并返回一个新数组
  • sort() 对数组的元素进行排序
  • splice() 从数组中添加或删除元素
  • toString() 把数组转换为字符串,并返回结果
  • unshift() 向数组的开头添加一个或更多元素,并返回新的长度

9、联合类型
TypeScript基本语法
一、接口 interface

TypeScript基本语法
二、联合类型和接口
TypeScript基本语法
三、接口继承
TypeScript基本语法
1、单继承实例
TypeScript基本语法
2、多继承实例
TypeScript基本语法
四、类
TypeScript基本语法
1、类的继承 extends
TypeScript基本语法
2、 继承类的方法重写
TypeScript基本语法
五、static 关键字用于定义类的数据成员(属性和方法)为静态的,静态成员可以直接通过类名调用
TypeScript基本语法
六、instanceof 运算符用于判断对象是否是指定的类型,如果是返回 true,否则返回 false
TypeScript基本语法
七、 类的修饰符

  • public: 公有 在类里面、子类、类外部都可以访问

  • protected:保护类型 在类里面、子类里面可以访问,在类外部不能访问

  • private:私有 在类里面可以访问,在子类、类外部不能访问

八、类型模板
TypeScript基本语法
九、对象作为参数传递给函数
TypeScript基本语法
十、鸭子类型
TypeScript基本语法
1、命名空间 namespace
TypeScript基本语法
TypeScript基本语法
TypeScript基本语法
2、TypeScript模块
TypeScript基本语法
TypeScript基本语法
TypeScript基本语法
TypeScript基本语法

分类:

技术点:

相关文章: