qrcode

马上订阅,开启修仙之旅

typescript

TypeScript 可辨识联合类型

创建了一个“重学TypeScript”的微信群,想加群的小伙伴,加我微信 “semlinker”,备注重学TS。 阅读须知:本文示例的运行环境是 TypeScript 官网的 Playground,对应的编译器版本是 v3.8.3。 TypeScript 可辨识联合(Discriminated Unions)类型,也称为代数数据类型或标签联合类型。它包含 3 个要点:可辨识、联合类型...

TypeScript infer 关键字

创建了一个“重学TypeScript”的微信群,想加群的小伙伴,加我微信 “semlinker”,备注重学TS。 阅读须知:本文示例的运行环境是 TypeScript 官网的 Playground,对应的编译器版本是 v3.8.3。 一、类型提取在 TypeScript 中我们能够很方便地从复合类型中提取出单个类型,以数组、元组或对象为例,我们可以通过成员访问的语法来提取数组、元组或...

TypeScript typeof 操作符

阅读须知:本文示例的运行环境是 TypeScript 官网的 Playground,对应的编译器版本是 v3.8.3。 一、typeof 简介在 TypeScript 中,typeof 操作符可以用来获取一个变量或对象的类型。 1234567interface Person { name: string; age: number;}const sem: Perso...

TypeScript 元组类型

创建了一个“重学TypeScript”的微信群,想加群的小伙伴,加我微信 “semlinker”,备注重学TS。 阅读须知:本文示例的运行环境是 TypeScript 官网的 Playground,对应的编译器版本是 v3.8.3。 一、元组类型简介众所周知,数组一般由同种类型的值组成,但有时我们需要在单个变量中存储不同类型的值,这时候我们就可以使用元组。在 JavaScript 中...

TypeScript keyof 操作符

创建了一个“重学TypeScript”的微信群,想加群的小伙伴,加我微信 “semlinker”,备注重学TS。 阅读须知:本文示例的运行环境是 TypeScript 官网的 Playground,对应的编译器版本是 v3.8.3。 一、keyof 简介TypeScript 允许我们遍历某种类型的属性,并通过 keyof 操作符提取其属性的名称。keyof 操作符是在 TypeScr...

TypeScript never 类型

创建了一个“重学TypeScript”的微信群,想加群的小伙伴,加我微信 “semlinker”,备注重学TS。 一、底部类型在类型理论(数学逻辑中的一种理论)中,底部类型是没有值的类型。也称为零或空类型,有时用 falsum(⊥)表示。数学理论与计算机的发展是相辅相成的,底部类型在计算机科学中也有一定的应用场景。 在子类型系统中,底部类型是所有类型的子类型。(但是,相反情况并非如此,所...

TypeScript 枚举类型

创建了一个“重学TypeScript”的微信群,想加群的小伙伴,加我微信 “semlinker”,备注重学TS。 使用枚举我们可以定义一些带名字的常量。 使用枚举可以清晰地表达意图或创建一组有区别的用例。 TypeScript支持数字的和基于字符串的枚举。 一、数字枚举在 TypeScript 中可以通过 enum 关键字来定义枚举,比如: 123456789101112enum Req...

TypeScript 交叉类型

创建了一个“重学TypeScript”的微信群,想加群的小伙伴,加我微信 “semlinker”,备注重学TS。 一、简介TypeScript 交叉类型是将多个类型合并为一个类型。 这让我们可以把现有的多种类型叠加到一起成为一种类型,它包含了所需的所有类型的特性。 123456789101112131415161718interface IPerson { id: strin...

customElements 实战之 Lite-embed

一、Lite-embed 简介Lite-embed 的灵感来源于 paulirish 大神的 lite-youtube-embed 项目: Provide videos with a supercharged focus on visual performance. This custom element renders just like the real thing but appro...

TypeScript 学习资源合集

为了便于后期维护,本人在 Github 上新建了一个 awesome-typescript 项目,欢迎大家分享新的资源。 TypeScript 教程选型/新特性 蚂蚁金服数据体验技术团队 - TypeScript体系调研报告 Vilicvane - TypeScript 2.0 新特性一览 Vilicvane - TypeScript 2.1 新特性一览 Vilicvane - Typ...