
TypeScript
文章平均质量分 82
TypeScript
大杯美式不加糖
前端
展开
-
TypeScript 的内置对象
JavaScript 中有很多内置对象,它们可以直接在 TypeScript 中当做定义好了的类型。内置对象是指根据标准在全局作用域(Global)上存在的对象。这里的标准是指 ECMAScript 和其他环境(比如 DOM)的标准。ECMAScript 标准提供的内置对象有:、、、 等。我们可以在 TypeScript 中将变量定义为这些类型:更多的内置对象,可以查看 MDN 的文档。而他们的定义文件,则在 TypeScript 核心库的定义文件中。DOM 和 BOM 提供的内置对象有:、、、 等。Ty转载 2022-06-08 16:56:31 · 271 阅读 · 0 评论 -
TypeScript 学习【9】泛型
Java 语言中对泛型的解释是:泛型指的是类型参数化,即将原来某种具体的类型进行参数化。和定义函数参数一样,我们可以给泛型定义若干个类型参数,并在调用时给泛型传入明确的类型参数。设计泛型的目的在于有效约束类型成员之间的关系,比如函数参数和返回值、类或者接口成员和方法之间的关系。泛型最常用的场景是用来约束函数参数的类型,我们可以给函数定义若干个被调用时才会传入明确类型的参数。比如以下定义的一个 reflect 函数 ,它可以接收一个任意类型的参数,并原封不动地返回参数的值和类型,那我们该如何描述这个函数呢?好原创 2022-06-07 17:44:03 · 286 阅读 · 0 评论 -
TypeScript 学习【8】枚举类型
在联合与交叉类型中,其中有一个使用字面量联合类型来列举可能的类型的场景,比如说表示星期的类型:通过这些有着明确含义的单词来定义表示星期几的状态,使得我们的代码更具备可读性。当然,为了更简洁和高效,我们也可以使用纯数值表示星期几,比如使用 0 到 1 表示从 ‘SUNDAY’ 到 ‘MONDAY’。因为我们真正关注的是星期几这个状态,而不是具体的值,如下代码所示:那有没有一种兼具语义化和简洁值优点的类型呢?在 JavaScript 原生语言中并没有与枚举匹配的概念,而 TypeScript 中实现了枚举类原创 2022-06-07 15:03:33 · 811 阅读 · 0 评论 -
TypeScript 学习【7】高级类型:联合类型与交叉类型
TypeScript 学习【7】高级类型:联合类型与交叉类型原创 2022-06-06 17:49:11 · 778 阅读 · 0 评论 -
TypeScript学习【6】 接口类型
TypeScript学习【6】 接口类型原创 2022-06-06 15:50:53 · 1675 阅读 · 0 评论 -
TypeScript学习【5】 类类型
TypeScript学习【5】 类类型:如何高效使用类型化的面向对象编程利器原创 2022-06-05 22:40:15 · 437 阅读 · 0 评论 -
TypeScript学习【4】 函数类型
在 TypeScript 里,我们可以通过 function 字面量和箭头函数的形式定义函数,如下所示:还可以显式指定函数参数和返回值的类型,如下所示:如上述示例中,参数名后的 表示参数类型都是数字类型,圆括号后的 则表示返回值类型也是数字类型。下面介绍一下返回值类型和参数类型在 JavaScript 中,如果一个函数可以没有显式 return,此时函数的返回值是 undefined:需要注意的是,在 TypeScript 中,如果我们显式声明函数的返回值类型为 undfined,会报错:此时,正原创 2022-03-25 14:34:24 · 3740 阅读 · 0 评论 -
TypeScript学习【3】TypeScript 中的类型推断、字面量类型、类型拓宽和类型缩小
在很多情况下,TypeScript 会根据上下文环境自动推断出变量的类型,无须我们再写明类型注解。例如:但是这两个示例不完全等价,你可以在 VsCode 中将鼠标 hover 在六个数上看看区别,前三个分别是 、、,后三个分别是、、。具体原因我们后面再看。TypeScript 这种基于赋值表达式推断类型的能力称之为 “类型推断”。在 TypeScript 中,类型标注声明是在变量之后(即类型后置)使用类型标注后置的好处是编译器可以通过代码所在的上下文推导其对应的类型,无须再声明变量类型,示例如下:在上原创 2022-03-24 13:43:23 · 1373 阅读 · 0 评论 -
TypeScript学习【2】TypeScript 的复杂基础类型
的属性。而 null 的价值我认为主要体现在接口制定上,它表明对象或属性可能是空值。原创 2022-01-27 17:08:23 · 2121 阅读 · 0 评论 -
TypeScript学习【1】TypeScript 的简单基础类型
TypeScript学习【1】原创 2022-01-25 23:41:51 · 784 阅读 · 2 评论 -
TypeScript 中的 ?:和?. 是什么意思
?:指可选参数,可以理解为参数加上 undefined 类型:function func(a: number, b?: number) {...}在 VsCode 中将鼠标 hover 在 b 上,会显示 b 的类型为 b: number | undefined??指空值合并,跟 || 类似,但是不会筛除0:0 || 1 // 10 ?? 1 // 0?.和 && 类似:a?.b 相当于 a && a.b ? a.b : undefined.原创 2022-03-24 11:30:34 · 876 阅读 · 0 评论