TypeScript和JavaScript的区别

JavaScript：

（1）一种脚本语言，用于创建动态网页

（2）动态弱类型语言

（3）只能在运行时发现错误

（4）变量可以被赋值成不同的类型

TypeScript：

（1）JavaScript的超集，用于解决大型项目的代码复杂度

（2）强类型，支持静态和动态类型

（3）可以在编译期间发现并纠错

（4）不允许改变变量的数据类型

TypeScript可以使类型安全、可以作为下一代JS的特性，以及完善的工具链

TypeScript基础

1.boolean、number、string

2.undefined、null

3.any、unknown、void

4.never

5.数组类型0

6.元组类型 tuple

函数类型

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

输入参数:参数支持可选参数和默认参数

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

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

interface

定义:接口是为了定义对象类型

特点: -可选属性: ?

-只读属性: readonly

-可以描述函数类型

可以描述自定义属性

总结: 接口非常灵活

类

定义: 写法和JS差不多，增加了一些定义

特点: -增加了 public、private、protected 修饰符

-抽象类:

1、只能被继承，不能被实例化

2、作为基类，抽象方法必须被子类实现

3、interface约束类，使用implements关键字

TypeScript进阶

高级类型

1.联合类型|

2.交叉类型&

3.类型断言

4.类型别名 (type VS interface)

• 定义:给类型起个别名 相同点: 1.都可以定义对象或函数

2.都允许继承

-差异点:

1、interface是TS用来定义对象，type是用来定义别名方便使用

2、type可以定义基本类型，interface不行;

3、interface可以合并重复声明，type不行;

泛型-需要泛型的场景

官方定义:

软件工程中，我们不仅要创建一致的定义良好的 API，同时也要考虑可重用性组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。

在像 C# 和 Java 这样的语言中，可以使用泛型来创建可重用的组件，·个组件可以支持多种类型的数据。 这样用户就可以以自己的数据类型来使用组件。

泛型-基本使用

基本定义: 1.泛型的语法是里面写类型参数，一般用T表示;

2使用时有两种方法指定类型

（1）.定义要使用的类型

（2）.通过TS类型推断，自动推导类型

3.泛型的作用是临时占位，之后通过传来的类型进行推导

泛型工具类型-基础操作符

·typeof:获取类型

·keyof: 获取所有键

·in:遍历枚举类型

·T【K】: 索引访问

·extends:泛型约束