官方文档: https://www.tslang.cn/docs/handbook/basic-types.html
1. TypeScript 的定位是静态类型语言,在写代码阶段就能检查错误,而非运行阶段
2. 类型系统是最好的文档,增加了代码的可读性和可维护性。
3. 有一定的学习成本,需要理解接口(Interfaces)、泛型(Generics)、类(Classes)等
4. ts最后被编译成js

  1. E$NNJVQ62@4GOCJT6G37FG3.png

3.创建ts+react项目:(项目名 react-ts-hooks-0903)
: yarn create react-app react-ts-hooks-0903 —template typescript
image.png

安装 eslint antd node-sass sass-loader

git add .
准备推到 远程仓库
git commit -m ‘初始化’
git branch -M main 创建一个 main主分支
git remote add origin https://github.com/lichangxiong-yan/react-ts-hooks-0903.git 连接远程仓库

image.png

  1. 这一步有报错时
  2. 可试试把https 换成http试试

git push -u origin main 推送到远程仓库地址 main分支
git push origin develop 第一次推送develop到远端,第二次以后 就是直接git push了

redux, mock, 请求axios

1.什么是typescript?

是js 超集,是一门静态类型语言,就是定义数据时要先定义数据类型,否则会报错,ts最终都会编译成js

好处: 就是更好的维护,修复bug,代码可读性,

2. ts基础类型

布尔值 boolean 只能是 true false
  1. let a: boolean = true //这里赋值只能是 true false 如果是其他的都会报错
  • 数字 number
    1. let a: number = 123 //number
  • 字符串 string
    1. let a: string = '123' //string
  • 数组 Array
    ```javascript
  1. let list: number[] = [1, 2, 3]; //Array<元素类型>
  2. let list: Array = [1, 2, 3]; ```
  • 元组 Tuple
  • any 任意值(尽量少数,否则和js没啥区别)
    1. let a: any = 666 //any
    2. let b: any = '123' //any
    3. let c: any = a + b //any

3. t枚举

  1. 数字枚举
    1. enum Direction {
    2. up = 1,
    3. Down, ----2
    4. Left, -----3
    5. Right ----4
    6. }
    7. 会自动增加
  1. 断言 (’aa’ as number)