TypeScript
HueiFeng
格局决定梦想。
展开
-
TypeScript泛型
创建一个方法function createArrary(Length:number,val:any):Array<any>{ let arr=[] for (let index = 0; index <=Length; index++) { arr[index]=val } return arr}通过如下代码进行调用方法...原创 2020-04-09 10:03:32 · 96 阅读 · 0 评论 -
TypeScript类修饰符
public 修饰的属性或者方法是共有的,可以在任何地方被访问到,默认所有的属性或者方法都是publicprivate 修饰的属性或者方法是私有的,不能在声明他的类外面访问protected 修饰的属性或者方法是受保护的,他和private类似,但有一点不同,protected成员在派生类中仍然可以访问。创建类如下所示class Person{ name="张三" a...原创 2020-04-09 10:03:02 · 408 阅读 · 0 评论 -
TypeScript枚举
枚举(Enum)类型用于取值被限定在一定范围内的场景定义一个枚举如下所示enum Days{ Sun, Mon, Tue, Wed, Thu, Fri, Sat}console.log(Days.Sun)console.log(Days.Sat)执行如上代码我们可以看到控制台会输出06打开js文件我们可以看到相对应的...原创 2020-04-09 10:02:24 · 159 阅读 · 0 评论 -
TypeScript类型别名
var str1:string|number="10";通过如上代码我们既可以是字符串也可以是数值那么通过类型别名进行定义,那么下面我们可以是我们定义的类型type strType=string|number|boolean;var str2:strType="10";str2=10;str2=true;当然我们可以对我们的接口也采用类型别名方式interface muchTy...原创 2020-04-09 10:01:52 · 605 阅读 · 0 评论 -
TypeScript类型断言
什么是类型断言类型断言是可以手动指定一个值得类型类型断言let num3:number|string="10"num3=20console.log(num3.length)通过如上代码,当我们获取length的时候会报错因为我们赋值为20所以不存在属性length,那么我们就可以采用类型断言去做处理<类型>值function getAssert(name:string...原创 2020-04-09 10:01:11 · 1494 阅读 · 0 评论 -
TypeScript函数类型
声明式类型函数通过如下代码我们实现了一个返回值为number类型的方法,同时我们也对返回值和参数进行了约束function funcType(name:string,age:number):number{ return age;}var ageNum:number=funcType("张三",18)如果说在我们参数不确定的情况下我们可以通过如下代码进行创建function ...原创 2020-04-09 10:00:41 · 534 阅读 · 0 评论 -
TypeScript数组类型
[类型+方括号]在我们创建数组的时候同样我们可以定义数组内数据的类型,如下所示var arr:number[]=[1,2,3]var arr2:string[]=["1","2","3"]var arr3:any[]=[1,"2",true]泛型Array如下代码所示我们可以以泛型的方式进行创建数组var arrType:Array<number>=[1,2,3]va...原创 2020-03-29 17:38:30 · 758 阅读 · 0 评论 -
TypeScript联合类型 接口
TypeScript联合类型联合类型表示取值可以为多种类型中的一种如下所示/** * 联合类型 */var muchtype:string|number="hello";muchtype=1;这一块我们必须使用string或者number都支持的类型,那么下面我们可以进行调用扩展方法toString()/** * 联合类型 * 注意:如果说我们使用字符串的length属性那...原创 2020-03-29 17:37:56 · 515 阅读 · 0 评论 -
TypeScript数据类型
TypeScript的原始数据类型StringNumberbooleannullundefinedenumsymbol// Numbervar num:number=1; // 整数num = 2.5; // 小数num = 0xf00d; // 十六进制num = 0b0101; ...原创 2020-03-29 17:37:18 · 124 阅读 · 0 评论 -
TypeScript环境搭建
前言TypeScript是微软开发的一门自由和开源的编程语言,TypeScript是JavaScript的一个超集,他保留JavaScript语言本身的特性,同时他向我们提供了一些语法糖帮助我们方便更好的实践面向对象编程。同时利用他我们可以使JavaScript开发变得更简单,同时他更符合前端模块化的开发,更是一个工程化的开发.安装环境1、安装Nodejs安装下载地址NodejsDown...原创 2020-03-29 17:36:43 · 158 阅读 · 0 评论