# 前言

TypeScript 是 Javascript 的超集，可以编译成各个标准的 JS。这一章一起来学习重温下 Typescript 项目开发中常用的核心概念，最后和大家一起实践一个基于 Promise 实现的中间件函数。

# Typescript特点及优势

1. 静态输入： 静态类型检查，可以在开发人员编写脚本时检测错误。
2. 可读性和易维护性： 从JS动态弱类型检查到TS强类型检查，增加了静态类型、类、模块、接口和类型注解。 接口和类型提示使代码更具可读性。同时编译检查让项目更具易维护性。
3. 更好的协作： 类型安全是一种在编码期间检测错误的功能，而不是在编译项目时检测错误。这为开发团队创建了一个更高效的编码和调试过程。

关键字：类型检查，确定性输入出书，JS超集，可读性，易维护性。

# 通过本章读者可以学习了解到什么？

1. TS 的项目开发中有哪些核心语法，语法规范是如何的。
2. TS 的适用场景分析，如何将 TS 编译成指定 JS 标准版本。
3. TS 如何使用第三方模块，同时如何发布 TS 模块。
4. 越来越多的项目在往 TS 迁移，如何把老的项目往 TS 迁移。
5. 用 TS 封装 Promise 实现一个中间件函数。

# Typescript 开发环境源码

github.com/dkypooh/fro…

# Typescript 使用场景

由于 TS 的类型检查，确定性输入输出。在编写一些不涉及UI， 例如工具类函数，基础 SDK 和数据接口 等方面有很强的优势，同时配合单元测试来保证系统开发的健壮性。

推荐：可以参考本小册 《通用SDK设计》章节

源码地址：github.com/dkypooh/fro…

# Typescript环境配置

搭建 Typescript 开发环境，环境配置，命令行使用以及编译成不同 JS 标准。

# Typescript 安装

npm install typescript -g       // 安装ts编译器
tsc helloworld.ts               // 编译ts文件，默认ES3标准

# 命令行说明

### 初始化tsconfig配置
tsc --init

### 基础命令
tsc index.ts

### 编译JS标准版本
tsc index.ts -t es6

### 编译适配库
tsc index.ts --lib es6

### 编译生成声明文件
tsc index.ts -d -t es6

# tsconfig 配置

如果一个目录下存在一个 tsconfig.json 文件，那么它意味着这个目录是 TypeScript 项目的根目录。tsconfig.json 文件中指定了用来编译这个项目的根文件和编译选项。

# 开箱即用的 tsconfig 配置