深入浅出Typescript | 青训营笔记

156 阅读2分钟

客户端容器 | 青训营笔记

image.png

为什么要学习TS

TS VS JS image.png

优点:

  • 类型安全
  • 支持新特性z
  • 完善的工具链

资源推荐

TS基础

基础类型

image.png

函数类型

image.png

接口

image.png

image.png

TS进阶

联合、交叉类型

image.png

类型断言

image.png

类型别名

image.png

泛型

image.png

image.png

泛型的基础操作符

image.png

泛型的常用工具类型

image.png

实战&工程向

  • 声明文件

image.png

  • 泛型约束后端接口类型

image.png

个人思考总结

TypeScript是JavaScript的超集,主要提供了类型系统和ES6+的特性,它由微软开发,代码可以编译为纯JavaScript代码运行。

TypeScript的主要特性有:

  1. 类型系统:TypeScript支持静态类型检测,既可以为变量、函数等指定类型,也可以自动推导出类型。类型系统可以在编译时就检测到许多错误,提高代码的可靠性和可读性。
  2. ES6+支持:TypeScript支持ES6和其后的JavaScript新特性,如let、const、arrow function、类、模块化等。 these新特性可以更好地构建大型应用。
  3. 接口:可以为对象和函数指定精确的类型,这些对象和函数的使用者必须与接口匹配。接口是TypeScript非常重要的类型系统特性。
  4. 类:提供基于类的面向对象编程实现,支持继承、修饰符等特性。
  5. 泛型:支持在定义函数、接口或类的时候,使用类型参数来指定尚未确定的类型。
  6. 模块:采用ES6的模块化语法,支持export和import两个关键字。
  7. 编译:TypeScript代码需要通过编译器编译为JavaScript代码,再运行在浏览器或Node.js中。 end