TypeScript 中有哪些高级类型你尚未掌握？
- 内容介绍
- 文章标签
- 相关推荐
本文共计3256个文字，预计阅读时间需要14分钟。
前言：对于有JavaScript基础的学员来说，入门TypeScript其实非常容易。只需要简单掌握其基础类型系统，就可以逐步将JS应用过渡到TS应用。
// jsconst double=(num)=> 2 * num;
// tsconst double=(num: string)=> 2 * Number(num);
前言
对于有 JavaScript 基础的同学来说，入门 TypeScript 其实很容易，只需要简单掌握其基础的类型系统就可以逐步将 JS 应用过渡到 TS 应用。
// js const double = (num) => 2 * num // ts const double = (num: number): number => 2 * num
然而，当应用越来越复杂，我们很容易把一些变量设置为 any 类型，TypeScript 写着写着也就成了 AnyScript。为了让大家能更加深入的了解 TypeScript 的类型系统，本文将重点介绍其高级类型，帮助大家摆脱 AnyScript。
泛型
在讲解高级类型之前，我们需要先简单理解泛型是什么。
泛型是强类型语言中比较重要的一个概念，合理的使用泛型可以提升代码的可复用性，让系统更加灵活。下面是维基百科对泛型的描述：
泛型允许程序员在强类型程序设计语言中编写代码时使用一些以后才指定的类型，在实例化时作为参数指明这些类型。
泛型通过一对尖括号来表示( <> )，尖括号内的字符被称为 类型变量 ，这个变量用来表示类型。
本文共计3256个文字，预计阅读时间需要14分钟。
前言：对于有JavaScript基础的学员来说，入门TypeScript其实非常容易。只需要简单掌握其基础类型系统，就可以逐步将JS应用过渡到TS应用。
// jsconst double=(num)=> 2 * num;
// tsconst double=(num: string)=> 2 * Number(num);
前言
对于有 JavaScript 基础的同学来说，入门 TypeScript 其实很容易，只需要简单掌握其基础的类型系统就可以逐步将 JS 应用过渡到 TS 应用。
// js const double = (num) => 2 * num // ts const double = (num: number): number => 2 * num
然而，当应用越来越复杂，我们很容易把一些变量设置为 any 类型，TypeScript 写着写着也就成了 AnyScript。为了让大家能更加深入的了解 TypeScript 的类型系统，本文将重点介绍其高级类型，帮助大家摆脱 AnyScript。
泛型
在讲解高级类型之前，我们需要先简单理解泛型是什么。
泛型是强类型语言中比较重要的一个概念，合理的使用泛型可以提升代码的可复用性，让系统更加灵活。下面是维基百科对泛型的描述：
泛型允许程序员在强类型程序设计语言中编写代码时使用一些以后才指定的类型，在实例化时作为参数指明这些类型。
泛型通过一对尖括号来表示( <> )，尖括号内的字符被称为 类型变量 ，这个变量用来表示类型。