![](https://img-blog.csdnimg.cn/826bf21b622e419583d21efcc734c4cb.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
typeScript系列
typeScript系列
六卿
冰冻三尺非一日之寒,愿你事事看开,唯独对美好保持执念。
展开
-
鼠标移动淡入淡出Canvas小球效果_TS版本
从下面的小案例中可以学到1.ts中的数据类型2.泛型的定义3.函数的定义4.接口的定义5.类的定义、类实现接口6.类作为接口的使用7.枚举以及枚举的特点原创 2022-04-08 16:09:10 · 1451 阅读 · 0 评论 -
typeScript进阶(14)_泛型和注意事项
typeScript进阶(14)_泛型和注意事项原创 2022-04-01 15:39:54 · 1379 阅读 · 3 评论 -
typeScript进阶(13)_类与注意事项(八项特性)
typeScript进阶(13)_类与注意事项(八项特性)原创 2022-03-30 17:31:01 · 1501 阅读 · 0 评论 -
typeScript进阶(12)_枚举类型
枚举(Enum)类型用于取值被限定在一定范围内的场景原创 2022-03-25 16:38:22 · 1176 阅读 · 0 评论 -
typeScript进阶(11)_元组类型
元组类型元组类型类似于数组类型,只是规则略有不同。数组合并了相同类型的对象,而元组(Tuple)合并了不同类型的对象。数组类型首先回顾一下数组类型:typeScript基础(6)_数组类型其中只要包括数组类型的两种写法。元组类型元组类型具体规定了数组中每一项的类型。for example one :let tupleArr :[string,number] ;// tupleArr =[1,2] ;//错误//tupleArr =['1'] ;//错误//tupleArr =原创 2021-08-31 09:46:49 · 825 阅读 · 4 评论 -
typeScript进阶(10)_字符串字面量类型
字符串字面量类型字符串字面量类型和类型别名都是使用type来声明;如果type后面赋值不是类型名称二十其他字符,ts会自动类型推论为其数据类型。使用type来声明字符串字面量类型,但是不仅限于字符串字符串字面量类型用来约束取值只能是某几个字符串中的一个。例如://字符串字面量类型用来约束取值只能是某几个字符串中的一个type strType = 'zjq'let strTypezjq: strType;strTypezjq =123; //错strTypezjq="123" //错原创 2021-08-30 14:48:53 · 874 阅读 · 2 评论 -
typeScript进阶(9)_type类型别名
类型别名:顾名思义就说一个类型起了一个其他的名字:如://类型别名type name = string;let zjq: name = '123'给string类型起了一个名字叫name,后面定义string类型的变量,我就可以:name来实现:string的效果。例子1://类型别名type strName = string;type numName = number;type funReturn = (c1: strName, c2?: numName) => strNam原创 2021-08-26 15:19:11 · 819 阅读 · 7 评论 -
typeScript基础(8)_ts类型断言
类型断言就是当使用到的属性或者方法 一个接口上有一个接口上没有需要使用类型断言 这样只是欺骗了ts,怎正运行js的时候还是可能报错的.如下面的例子:interface M { name: string, run(): void}interface N { name: string,}// 就是当使用到的属性或者方法 一个接口上有一个接口上没有//需要使用类型断言 这样只是欺骗了ts,怎正运行js的时候还是可能报错的.var ff = (obj: M |原创 2021-08-20 16:38:18 · 916 阅读 · 1 评论 -
typeScript基础(7)_函数的类型
函数的类型函数声明有两种,一种是函数声明,一种是函数表达式声明:1.JS函数声明:function funName(c1, c2) { return c1 + c2}2.JS函数表达式声明:const funName = function (c1, c2) { return c1 + c2}1.TS函数声明:function funName(c1: string, c2: string): string { return c1 + c2}2.TS函数表达式原创 2021-08-20 14:59:13 · 768 阅读 · 1 评论 -
typeScript基础(6)_数组类型
类型+[ ]For examplevar numA :number[] =[1,2,3]var numB :string[] =['1','2','3']var numC :boolean[] =[true,false,false,true]var numZ :(string | number)[]=[1,'2']规定后,不允许出现其他的类型,如:这是错误的写法。var numA :number[] =[1,2,3,'4']改变数组:var numC :boolean[] =[tr原创 2021-08-19 08:40:53 · 627 阅读 · 2 评论 -
typeScript基础(5)_对象的类型-interfaces接口
接口类型使用interfaces来给对象定义类型,接口interfaces是对行为的抽象,而具体如何行动需要类来实现implement。TypeScript 中的接口是一个非常灵活的概念,除了可用于对类的一部分行为进行抽象以外,也常用于对「对象的形状(Shape)」进行描述。For example :接口简单使用//接口简单使用interface MySelf { name: string, age: number, habby: number[], ru原创 2021-08-18 16:15:30 · 632 阅读 · 2 评论 -
typeScript基础(4)_联合类型
联合类型联合类型(Union Types)表示取值可以为多种类型中的一种。看例子:ts://联合类型let unionnTypes : string | number;unionnTypes = 888;unionnTypes = '999';unionnTypes = false;当我们编译这个ts文件的时候会报错,Type ‘false’ is not assignable to type ‘string | number’.说明,这个unionnTypes 只能是字符串类原创 2021-08-17 17:12:24 · 787 阅读 · 0 评论 -
typeScript基础(3)_ts函数默认值和可选参数
ts函数默认值//函数默认值const fun = (num1: number = 12, num2: number = 24): number => { return num1 + num2}fun()ts函数可选参数//函数默认值const fun = (num1: number = 12, num2?: number ): number => { return num1 + num2 ? num2 : 0}fun()...原创 2021-08-17 16:55:16 · 16366 阅读 · 0 评论 -
typeScript基础(2)_any任意值类型和类型推论
any任意值类型可以赋值其他任意类型:ts:// 任意值 ==》任意类型let myName :any = 'zjq';myName=123;myName=false;myName=()=>'我是函数返回值';js: 箭头函数也变成了es5的形式:// 任意值 ==》任意类型var myName = 'zjq';myName = 123;myName = false;myName = function () { return '我是函数返回值'; };不写类型也会默认原创 2021-08-16 17:03:54 · 330 阅读 · 2 评论 -
typeScript基础(1)_原始数据类型学习
typeScript系列将是学习ts的一些笔记,主要是为了以后及时的的回顾。这个系列将会根据TypeScript 入门教程(202005)配合学习。在这之前,我们需要先安装npm install -g typescript以上命令会在全局环境下安装 tsc 命令,安装完成之后,我们就可以在任何地方执行 tsc 命令了。编译命令:tsc xxx.tsxxx为ts文件名。原始数据类型包括:字符型 string布尔型 boolean数型 number空 nullundefin原创 2021-08-14 12:15:59 · 175 阅读 · 0 评论