TS vs JS

TS	JS
JS的超集，用于解决大型项目的代码复杂性	一种脚本语言，用于创建动态页面
强类型，支持静态、动态类型	弱类型语言
可以在编译时发现错误	只能在运行时发现错误
不允许改变变量的数据类型	变量可以被赋值成不同类型

TS基础

基础类型

1. Boolean、number、string
2. enum
3. any、unknown、void
4. never
5. array
6. tuple

函数类型

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

function add(x: number[]): number
function add(x: string[]): string
function add(x: any[]): any{
	if(tyoeof x[0] === 'string'){
		return x.join()
	}
	if(tyoepf x[0] === 'number'){
		return x.reduce((acc,cur)=>acc+cur);
	}
}

Interface

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

特点：

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

总结：接口非常灵活

类

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

特点：

• 增加了public，private，protected修饰符
• 抽象类：
  • 只能被继承，不能被实例化
  • 作为基类，抽象方法必须被子类实现
• interface约束类，使用implements关键字

TS进阶

高级类型

1. 联合类型 |
2. 交叉类型 &
3. 类型断言
4. 类型别名

泛型

和C++的template一样，解决代码复用问题。