TS 成长之路

声明文件 概述 什么是声明文件？ 以.d.ts结尾的文件 声明文件有什么作用？ 为JS代码提供类型声明 声明文件的位置 放置到tsconfig.json配置中包含的目录中 放置到node_module

类型演算 三个关键字 typeof Ts中的typeof，书写的位置在类型约束的位置上 表示: 获取某个数据的类型 场景： 通过一个函数的参数传递一个用户类进来创建一个用户对象，函数返回的是一个用户对

装饰器 概述 解决的问题 装饰器，能够带来额外的信息量，可以达到分离关注点的目的。 信息书写位置的问题 重复代码的问题 上述两个问题产生的根源：某些信息，在定义时，能够附加的信息量有限。 装饰器的作用

面向对象概述 我们为什么要去学习面向对象 TS为前端面向对象开发带来了契机 JS语言是一门弱类型语言，没有类型检查，如果使用面向对象的方式开发，会产生大量的接口，而大量的接口会导致调用复杂度剧增，这种

使用React + TS 实现井字棋小游戏 在阅读react官网文档时，看到有个井字棋实例，感兴趣的小伙伴也可以看看官网的小例子： 官网井字棋小游戏 效果图 创建项目 使用命令新建一个react +

泛型 有时，书写某个函数时，会丢失一些类型信息（多个位置的类型应该保持一致或有关联的信息） 泛型：是指附属于函数、类、接口、类型别名之上的类型 泛型相当于是一个类型变量，在定义时，无法预先知道具体的类

扑克牌小练习 目标：创建一副扑克牌（不包括大小王），打印该扑克牌 使用枚举改造程序 用接口改造程序，加入大小王 用类改造程序，增加洗牌和发牌功能 emum 枚举定义类型 interface 接口定义

扑克牌小练习 目标：创建一副扑克牌（不包括大小王），打印该扑克牌 使用枚举改造程序 用接口改造程序，加入大小王 emum 枚举定义类型 interface 接口定义 utils 辅助函数类 使用

扑克牌小练习 目标：创建一副扑克牌（不包括大小王），打印该扑克牌 --- 完成 使用枚举改造程序 --- 完成

扩展类型-枚举 枚举通常用于约束某个变量的取值范围。 字面量和联合类型配合使用，也可以达到同样的目标。 字面量类型的问题 在类型约束位置，会产生重复代码。可以使用类型别名解决该问题。 逻辑含义和真实的

使用类型别名 使用前面所讲的TS基本类型完成一副扑克牌的创建和打印 使用字面量、类型别名定义一副扑克牌以及花色和单张卡面信息 创建一个生成扑克牌函数： 辅助打印函数： 调用：

基本类型约束 如何进行类型约束 仅需要在 变量、函数的参数、函数的返回值位置加上:类型 ts在很多场景中可以完成类型推导 any: 表示任意类型，对该类型，ts不进行类型检查 源代码和编译结果的差异

在node环境中搭建开发环境，当然浏览器环境也是可以的，这里我们只关注语言本身。 安装TypeScript 默认情况下，TS会做出下面几种假设： 假设当前的执行环境是dom 如果代码中没有使用模块化语

作为一名秃头的前端程序猿，现在的行情，每次面试TypeScript是必会问到的，当然可深可浅。作为被项目中TypeScript折磨透顶的小老弟，决定还是出一系列TS的学习指南。