TypeScript | 青训营笔记

40 阅读1分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 4 天

课程笔记

为什么什么是TypeScript?

  • 静态类型
    • 可读性增强:基于语法解析TSDoc,ide增强
    • 可维护性增强:在编译阶段暴露大部分错误
    • 多人合作项目中,获得更好的稳定性和开发效率
  • JS的超集
    • 包含于兼容所有Js特性,支持共存
    • 支持渐进式引入与升级

基本语法

1. 基础数据类型

image.png

2. 对象类型

image.png

3. 函数类型

image.png

4.函数重载

// 对getData函数进行重载,timestamp为可缺省参数

image.png

5. 数组类型

image.png

6. Typescript补充类型

image.png

7. 泛型

  • 在定义函数、接口、类的时候不能预先确定要使用的数据的类型,而是在使用函数
  • 定义一个函数 传入两个参数 第一个参数是数据 第二个参数是数量 这个时候可以使用泛型 如图

image.png

  • 多个泛型参数的函数

image.png

  • 泛型接口
    • 泛型接口:在定义接口时, 为接口中的属性或方法定义泛型类型,在使用接口时, 再指定具体的泛型类型
  • 泛型类
    • 定义一个类,类中的属性值的类型是不确定,方法中的参数及返回值的类型也是不确定

课后总结

通过这几节课的学习,感受到了ts的魅力,也明白的JavaScript和typescript的不同,ts会更加方便一点,编译一行运行一行,会及时的提示错误信息。下课后也要经常翻看笔记,避免忘记。