TypeScript基本语法

TypeScript 是 JavaScript 的一个超集

  • 安装TypeScript :npm install -g typescript

  • 查看TypeScript版本: tsc -v

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

  • 运行js文件:node test.js

1、TypeScript基础类型

  • 任意类型 any :声明为 any 的变量可以赋予任意类型的值
    TypeScript基本语法_第1张图片
  • 数字类型 number:双精度 64 位浮点值。它可以用来表示整数和分数
  • 字符串类型 string:一个字符系列,使用单引号(’)或双引号(")来表示字符串类型。反引号(`)来定义多行文本和内嵌表达式
  • 布尔类型 boolean:表示逻辑值:true 和 false
  • 数组类型 :声明变量为数组
    在这里插入图片描述
  • 元组类型:用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同。
    在这里插入图片描述
  • 枚举类型 enum:枚举类型用于定义数值集合
    在这里插入图片描述
  • 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() 用本地特定的顺序来比较两个字符串
在这里插入图片描述
5、数组解构
在这里插入图片描述
6、数组迭代
TypeScript基本语法_第2张图片
7、二维数组
在这里插入图片描述
8、数组方法

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

9、联合类型
TypeScript基本语法_第3张图片
一、接口 interface

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

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

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

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

八、类型模板
TypeScript基本语法_第14张图片
九、对象作为参数传递给函数
TypeScript基本语法_第15张图片
十、鸭子类型
TypeScript基本语法_第16张图片
1、命名空间 namespace
TypeScript基本语法_第17张图片
TypeScript基本语法_第18张图片
TypeScript基本语法_第19张图片
2、TypeScript模块
TypeScript基本语法_第20张图片
TypeScript基本语法_第21张图片
TypeScript基本语法_第22张图片
TypeScript基本语法_第23张图片

你可能感兴趣的:(typescript,node.js)