README.md · creatliukun/ts-study

## TS 学习

### 初始化

- 查看本地是否安装 TS

```shell
tsc -v
```

- 有过安装会出现版本号，没有安装则可以全局安装一个,`typescript`后面是对应的版本，我这里是 5.0.2

```shell
npm i -g typescript@5.0.2
```

- 初始化,打开 vscode，新建一个空文件夹，在此文件夹下面执行系 main 代码

```shell
tsc -init
```

然后就会出现一个 `tsconfig.json`文件

- 编译 ts 文件为 js 文件，可以将写好的 ts 文件进行编译

```shell
tsc 文件名
```

- 修改导出文件夹的路径，在`tsconfig.json`中有一个` "outDir": "./",`,去掉注释打开，修改文件目录，我这里改成` "outDir": "./js/",`继续执行`tsc 文件名`
  ⚠️ 注意：这一步没有成功,需要在 vscode 菜单栏，找到`终端--配置任务--选择tsc:监视 -tsconfig.json`，就可以实时监听了

## 目录

### 原始数据类型

- [01-原始数据类型](./01-%E5%8E%9F%E5%A7%8B%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B.ts)

### 非原始数据类型

- [02-非原始数据类型](./02-%E9%9D%9E%E5%8E%9F%E5%A7%8B%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B.ts)

### 数组类型

- [03-数组类型](./03-%E6%95%B0%E7%BB%84%E7%B1%BB%E5%9E%8B.ts)

### 联合类型

- [04-联合类型](./04-%E8%81%94%E5%90%88%E7%B1%BB%E5%9E%8B.ts)

### 交叉类型

- [05-交叉类型](./05-%E4%BA%A4%E5%8F%89%E7%B1%BB%E5%9E%8B.tsx)

### any 和 unknown 的区别

- [06-any 和 unknown 的区别](./06-any%E5%92%8Cunknown%E7%9A%84%E5%8C%BA%E5%88%AB.ts)

### 接口类型 interface

- [07-接口类型 interface](./07-%E6%8E%A5%E5%8F%A3%E7%B1%BB%E5%9E%8Binterface.ts)

### 接口的继承，同名，缺省，只读

- [08-接口的继承，同名，缺省，只读](./08-%E6%8E%A5%E5%8F%A3%E7%9A%84%E7%BB%A7%E6%89%BF%EF%BC%8C%E5%90%8C%E5%90%8D%EF%BC%8C%E7%BC%BA%E7%9C%81%EF%BC%8C%E5%8F%AA%E8%AF%BB.ts)

### 联合交叉类型

- [09-联合交叉类型](./09-%E8%81%94%E5%90%88%E4%BA%A4%E5%8F%89%E7%B1%BB%E5%9E%8B.ts)

### 类型别名的使用

- [10-类型别名的使用](./10-%E7%B1%BB%E5%9E%8B%E5%88%AB%E5%90%8D%E7%9A%84%E4%BD%BF%E7%94%A8.ts)

### ts 函数

- [11-ts 函数](./11-ts%E5%87%BD%E6%95%B0.ts)

### ts 函数参数的写法

- [12-函数参数的写法](./12.ts%E5%87%BD%E6%95%B0%E5%8F%82%E6%95%B0%E7%9A%84%E5%86%99%E6%B3%95.ts)

### ts 中的 promise

- [13-ts 中的 promise](./13-ts%E4%B8%AD%E7%9A%84promise.ts)

### this 指向 window

- [14-让 this 指向 window](./14-%E8%AE%A9this%E6%8C%87%E5%90%91window.ts)

### 加了 export{}之后的写法

- [15-加了 export{}之后的写法](./15-%E5%8A%A0%E4%BA%86export%7B%7D%E4%B9%8B%E5%90%8E%E7%9A%84%E5%86%99%E6%B3%95.ts)

### this 执行自定义的对象

- [16-让 this 执行自定义的对象](./16-%E8%AE%A9this%E6%8C%87%E5%90%91%E8%87%AA%E5%AE%9A%E4%B9%89%E7%9A%84%E5%AF%B9%E8%B1%A1.ts)

### this 指向联合类型写法

- [17-this 指向联合类型写法](./17-this%E6%8C%87%E5%90%91%E8%81%94%E5%90%88%E7%B1%BB%E5%9E%8B%E5%86%99%E6%B3%95.ts)

### 枚举

- [18-枚举](./18-%E6%9E%9A%E4%B8%BE.ts)

### 泛函基本写法

- [19-泛函基本写法](./19-%E6%B3%9B%E5%87%BD%E5%9F%BA%E6%9C%AC%E5%86%99%E6%B3%95.ts)

### 泛函在类型别名和接口上的应用

- [20-泛函在类型别名和接口上的应用](./20-%E6%B3%9B%E5%87%BD%E5%9C%A8%E7%B1%BB%E5%9E%8B%E5%88%AB%E5%90%8D%E5%92%8C%E6%8E%A5%E5%8F%A3%E4%B8%8A%E7%9A%84%E5%BA%94%E7%94%A8.ts)

### 泛函约束

- [21-泛函约束](./21-%E6%B3%9B%E5%9E%8B%E7%BA%A6%E6%9D%9F.ts)

### 类的定义-接口

- [22-类的定义-接口](<./22-%E7%B1%BB%E7%9A%84%E5%AE%9A%E4%B9%89(%E7%B1%BB-%E6%8E%A5%E5%8F%A3).ts>)

### 类的继承

- [23-类的继承](./23-%E7%B1%BB%E7%9A%84%E7%BB%A7%E6%89%BF.ts)

### 类的修饰符

- [24-类的修饰符](./24-%E7%B1%BB%E7%9A%84%E4%BF%AE%E9%A5%B0%E7%AC%A6.ts)

### 静态属性

- [25-静态属性](./25-%E9%9D%99%E6%80%81%E5%B1%9E%E6%80%A7.ts)

### 抽象类和接口

- [26-抽象类和接口](./26-%E6%8A%BD%E8%B1%A1%E7%B1%BB%E5%92%8C%E6%8E%A5%E5%8F%A3.ts)

### 工具类型-partial

- [27-工具类型-partial](./27-%E5%B7%A5%E5%85%B7%E7%B1%BB%E5%9E%8B-partial.ts)

### 工具类型-required

- [28-工具类型-required](./28-%E5%B7%A5%E5%85%B7%E7%B1%BB%E5%9E%8B-required.ts)

### keyof 和 in

- [29-keyof 和 in](./29-keyof%E5%92%8Cin.ts)

creatliukun/ts-study

简介

发行版

贡献者

近期动态

creatliukun/ts-study .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

creatliukun/ts-study