# 体验

URL: https://caijiao.org/typescript/about/experience
Source: docs/typescript/about/experience.md
Description: 阮一峰最新发布的高质量TypeScript教程。教程适合有JavaScript基础的人系统学习TypeScript，并包含了26个章节的内容，涵盖了TypeScript的基本用法、类型系统、函数、类、泛型等知识点。文章还强调了学习TypeScript的重要性，尤其是在多人协作的复杂项目中，静态类型系统可以避免很多问题。教程免费提供阅读，并具有实用的代码示例和清晰的目录结构，适合作为开发查询的手册。

阮一峰最新出品的高质量 [TypeScript 教程](/typescript/)，免费阅读，适合有 JS 基础的人系统学习 TS。

好长时间没有分享前端教程了，就在前几天，阮老师发布了历经一年多时间编写的 TS 教程，第一时间去阅读学习了，也分享给大家。

早在“那些免费的砖”这个网站的建站之初，我就向大家推荐了两个 JavaScript 的电子书教程，分别是《JavaScript 入门教程》和《ECMAScript 6 入门教程》，这两个教程都出自阮一峰老师之手，写得通俗易懂，全面且系统，不仅适合想要学习 JavaScript 的小伙伴，也是很多工作多年的开发者时常用来查询的文档。

## 什么是 TypeScript ?

TypeScript 简称 TS，是微软公司开发的一种基于 JavaScript 的编程语言，可以说是 JavaScript 语言的超集，增强 JavaScript 的功能，使得更适合用在多人合作的企业级项目。TS 的发展形势非常好，至今很多 JavaScript 项目都支持 TS，比如 Vue3 和 React 前端两大框架都支持 TS。

```TypeScript
// TypeScript 代码示例
function fn(x:string|number) {
  if (typeof x === 'string') {
    // ...
  } else if (typeof x === 'number') {
    // ...
  } else {
    x; // never 类型
  }
}
```

为了写这个新的教程，阮一峰老师前前后后持续了 1 年多的时间，终于写完并且发布了，一共分为 27 个章节：

> 1. [简介](/typescript/typescript-tutorial/intro)
> 2. [基本用法](/typescript/typescript-tutorial/basic)
> 3. [any 类型](/typescript/typescript-tutorial/any)
> 4. [类型系统](/typescript/typescript-tutorial/types)
> 5. [数组](/typescript/typescript-tutorial/array)
> 6. [元组](/typescript/typescript-tutorial/tuple)
> 7. [symbol 类型](/typescript/typescript-tutorial/symbol)
> 8. [函数](/typescript/typescript-tutorial/function)
> 9. [对象](/typescript/typescript-tutorial/object)
> 10. [interface](/typescript/typescript-tutorial/interface)
> 11. [类](/typescript/typescript-tutorial/class)
> 12. [泛型](/typescript/typescript-tutorial/generics)
> 13. [Enum 类型](/typescript/typescript-tutorial/enum)
> 14. [类型断言](/typescript/typescript-tutorial/assert)
> 15. [模块](/typescript/typescript-tutorial/module)
> 16. [namespace](/typescript/typescript-tutorial/namespace)
> 17. [装饰器](/typescript/typescript-tutorial/decorator)
> 18. [装饰器（旧语法）](/typescript/typescript-tutorial/decorator-legacy)
> 19. [declare 关键字](/typescript/typescript-tutorial/declare)
> 20. [d.ts 类型声明文件](/typescript/typescript-tutorial/d.ts)
> 21. [运算符](/typescript/typescript-tutorial/operator)
> 22. [类型映射](/typescript/typescript-tutorial/mapping)
> 23. [类型工具](/typescript/typescript-tutorial/utility)
> 24. [注释指令](/typescript/typescript-tutorial/comment)
> 25. [tsconfig.json 文件](/typescript/typescript-tutorial/tsconfig.json)
> 26. [tsc 命令](/typescript/typescript-tutorial/tsc)
> 27. [React 支持](/typescript/typescript-tutorial/react)

## 我为什么要学习 TS ?

TS 的静态类型系统可以避免很多问题，这也是为什么 TS 适合用在多人协作的复杂项目的原因，也是越来越多前端开源项目支持 TS 的最主要原因。

实话说，我的工作中并没有必须要用 TS，但是最近因为项目需要，要接触并且学习 uniapp 新推出的 UTS 语言，这是一种语法和 TS 很像的语言，可以用来开发安卓和 iOS APP，但官方给的文档非常难懂，我也只有 JS 的基础，学习的过程非常艰辛，后来我还是打算重新系统地学习 TS，再来上手 UTS 会事半功倍。

阮老师的这个 TS 教程可谓是及时雨，解决了我的困境。相比于视频教程，电子文档教程学习效率更高，这个 TS 教程秉承了阮老师各类教程的优点，教程目录清晰，知识点很全面，不仅让我们了解了 TS 的发展历史，文档中还有很多实用的代码例子，上手非常快。

## 推荐理由

- 阮一峰老师的又一高质量教程，不会令人失望
- 系统且全面的 TS 知识讲解，文字通俗易懂，上手很快
- 包含大量的使用代码例子，效率比看视频教程更快
- 完全免费，可以收藏当做日后开发查询的手册

需要注意的是，学习 TS，需要有 JS 语法基础，且要求熟练，否则很难直接上手 TS。没有基础的小伙伴可以先学习之前推荐的《JavaScript 入门教程》。

## 免费阅读说明

和之前阮老师的教程一样，这个[《TypeScript 教程》](/typescript/)同样是所有内容免费阅读的，采用知识共享 署名-相同方式共享 3.0 协议。可以免费转载，但需要注明出处。如果你也还在观望 TS，现在真的可以抽时间去学习了，因为 TS 的发展势头真的很好。