![](https://img-blog.csdnimg.cn/20200520112301399.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
TypeScript
TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集,最终会被编译为JavaScript代码。
Army-海军
致力于前端开发,不做此行专家不罢休
展开
-
TypeScript在vscode下实时编译
安装npm install -g typescript如果不嫌麻烦直接手动编译例如tsc hello.ts如果要用vscode实时编译terminal---->>RunTask--->>会出现两个选择,选择tsc:watch - tsconfig.json如果你想改一下编译的地址、就这样,打开tsconfig.json,更改这个属性"o...原创 2019-06-13 17:14:02 · 16276 阅读 · 18 评论 -
TypeScript对象的类型-接口
TypeScript接口1.接口interface Person { name: string; age: number;}let tom: Person = { name: 'Tom', age: 25};我们就约束了 tom 的形状必须和接口 Person 一致。定义的变量比接口少了一些属性是不允许的interface Person...原创 2019-07-10 15:22:39 · 18035 阅读 · 11 评论 -
TypeScript 数组的类型
TypeScript 数组的类型最简单的方法是使用「类型 + 方括号」来表示数组let fibonacci: number[] = [1, 1, 2, 3, 5];数组的项中不允许出现其他的类型:数组的一些方法的参数也会根据数组在定义时约定的类型进行限制:let fibonacci: number[] = [1, 1, 2, 3, 5];fibonacci.push(...原创 2019-07-10 17:10:10 · 23689 阅读 · 18 评论 -
TS函数的类型
函数的类型函数的声明一个函数有输入和输出,要在 TypeScript 中对其进行约束,需要把输入和输出都考虑到,其中函数声明的类型定义较简单function sum(x: number, y: number): number { return x + y;}在调用时,输入多余的(或者少于要求的)参数,是不被允许的function sum(x: number, y:...原创 2019-07-11 09:58:27 · 32120 阅读 · 10 评论 -
TypeScript类型断言
TypeScript类型断言类型断言(Type Assertion)可以用来手动指定一个值的类型自己理解,有的时候在联合类型的时候,只能访问联合类型的共有方法或者属性,但是这个时候是不够用的。这个时候就要自己手动断言成某个类型。断言不是改变某个类型,不是类型转换。这个时候能让取到你断言成的类型的方法。更像是call或者applyfunction getLength(something:...原创 2019-07-11 10:42:20 · 17348 阅读 · 29 评论 -
TS的内置对象
TS的内置对象学习资料获得出处JavaScript 中有很多内置对象,它们可以直接在 TypeScript 中当做定义好了的类型ECMAScript 的内置对象ECMAScript 标准提供的内置对象有:Boolean、Error、Date、RegExp 等。我们可以在 TypeScript 中将变量定义为这些类型let b: Boolean = new Boolean(...原创 2019-07-11 13:56:07 · 16904 阅读 · 10 评论 -
TypeScript类型别名和字符串字面量类型
说白了就是把类似string这种东西换个别名,至于字面量,你可以约束类型,我也能约束他是什么或者在哪个范围之内选择。类型别名类型别名用来给一个类型起个新名字。type Name = string;type NameResolver = () => string;type NameOrResolver = Name | NameResolver;function getNam...原创 2019-07-11 14:14:15 · 15538 阅读 · 10 评论 -
TS元祖
元祖数组合并了相同类型的对象,而元组(Tuple)合并了不同类型的对象。元组起源于函数编程语言(如 F#),在这些语言中频繁使用元组。定义一对值分别为 string 和 number 的元组:let xcatliu: [string, number] = ['Xcat Liu', 25];当赋值或访问一个已知索引的元素时,会得到正确的类型:// 会报错let xca...原创 2019-07-11 15:28:45 · 16785 阅读 · 10 评论 -
TypeScript基本类型总结
基本类型布尔值let isDone: boolean = false;数字和JavaScript一样,TypeScript里的所有数字都是浮点数。这些浮点数的类型是number。除了支持十进制和十六进制字面量,TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量。let decLiteral: number = 6;let hexLiteral:...原创 2019-07-11 16:34:16 · 15021 阅读 · 11 评论