[Typescript | 青训营笔记]

110 阅读2分钟

[Typescript | 青训营笔记]

Ts对比Js有什么特点

TsJs的一个超集,可以编译成普通的 Js 代码。相比 JsTs 增加了强类型、面向对象、接口等特性

  1. 强类型:Ts 可以在编译时进行类型检查,通过编译器进行类型检查,可以在编码阶段发现潜在的类型错误,避免在运行时出现类型错误
  2. 面向对象:Ts支持类、接口、泛型等面向对象编程特性,更加利于代码的组织和维护。
  3. 更好的代码可读性:Ts 的类型声明和代码结构可以让代码更易读、易懂。
  4. 更好的可维护性:Ts 的静态类型检查和代码结构可以使得代码更加易于维护。
  5. 适合大型项目:Ts 的类型检查可以减少大型项目中的错误,增强代码的可维护性。

总的来说,Ts具有更好的可读性、可维护性和类型安全性,适用于大型、复杂的项目。Js则更加灵活,适用于小型、简单的项目。

Ts基础

基础类型

  1. boolean 、 number 、 string
  2. undefined、null
  3. any、unknown、void
  4. never
  5. 数组
  6. 元组(tuple)

函数类型

TS定义函数类型时要定义输入参数类型和输出类型

输入参数:参数支持可选参数和默认参数,就是说可以从上面多个基础类型选择你想要预定的函数的输入参数,不要any大法

输出参数:输出的类型是可以自动推断的,没有返回值时,默认为void类型

函数重载:名称相同但参数不同,可以通过重载支持多种类型

接口

用来定义对象类型

比如我要定义多个对象,他们对数据类型都有一样的标准,这个时候定义一个接口就要方便的多

特点:

  • 可选属性: ?
  • 只读属性: readonly
  • 可以描述函数类型
  • 可以描述自定义属性

和JS的类的写法区别不大,增加了一些定义,如:public、private、protecte这些修饰符