TypeScript基本语法

TypeScript 是 JavaScript 的一个超集

  • 安装TypeScript :npm install -g typescript

  • 查看TypeScript版本: tsc -v

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

  • 运行js文件:node test.js

1、TypeScript基础类型

  • 任意类型 any :声明为 any 的变量可以赋予任意类型的值
    在这里插入图片描述
  • 数字类型 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、数组迭代
在这里插入图片描述
7、二维数组
在这里插入图片描述
8、数组方法

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

9、联合类型
在这里插入图片描述
一、接口 interface

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

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

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

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

八、类型模板
在这里插入图片描述
九、对象作为参数传递给函数
在这里插入图片描述
十、鸭子类型
在这里插入图片描述
1、命名空间 namespace
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
2、TypeScript模块
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 3
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值