TypeScript

78 阅读1分钟

TypeScript:TypeScript = JavaScript + Type

ts的类型

any

  • any可以是任何类型

76c24136c8dd00b6a85570073b2c32cd.jpg

unknown

  • 需要明确用到的类型是什么/用到断言(as)

678bd928c75f458e465045ac6bb8cc82.png

void

  • 函数不返回任何东西,不给参数

53f3d11d297ae72ee2f3ba7ddc2a1be7.jpg

never

  • 不应该存在的类型,发现never一定是某个地方出现问题

元组

  • 想固定一个数组的长度,用元祖

ee645b070376b0e2451eab90acab7478.jpg

枚举

b5923f9c6bb209bedb73ea7d25b284f9.jpg

ts的联合类型和交叉类型

联合类型 (|)

c758626fe8b331de9c3b386da0fee287.jpg

交叉类型(&)

  • 不能用于简单类型,一般用于连接两个复杂类型

63dee1451f383d6d34758ad64eee6719.jpg

泛型

64b337b32c73d07a2ad1d1baa404c20c.jpg

重载

04b948193efc2ba51d1a929cd245e512.jpg

TS工具类型 Partial 、Required、Readonly、Exclude、Extract、Omit、ReturnType的作用和实现

e27addcb0817583c18d3931287729a5b.jpg

1.Partial 部分实现

c3b427b152d2b06408f33ded61f7c575.png

2.Required 必须填

da43f6711a3c4c7f6a5f5f7f53a32fe2.jpg

3.Readonly 只读 (不能修改)

387c16186113035d47fed2da104695d7.png

4. Pick(我只要这些类型)| Omit 我不要这些类型

3dd296e68964ac298d8befee22560cc3.png

5.Exclude(排除) Extract(提取)

51ad583acebdc725c37d5600cad634f8.png

6.ReturnType(返回值类型)

fd15dba8bcda8cb1dd52ca76442b5042.png

Record(对象类型写法)

dc887f6769150c42ff5eac4945e40d7f.jpg