深入浅出TypeScript | 青训营TypeScript VS JavaScript TypeScript 它的超集

TypeScript VS JavaScript

TypeScript

它的超集，用于解决大型项目的代码复杂性
强类型，支持静态和动态类型
可在编程期间发现并纠正错误
不允许改变变量的数据类型

JavaScript

一种脚本语言，用于创建动态页面
动态弱类型语言
只能在运行时发现错误
变量可以被赋值成不同类型

TS中包含JS

TS基础

基础类型

boolean、number、string
枚举enum
any、unknown、void any可以赋值和反向赋值，unknown只能赋值
never 适用于防御型编程
数组类型[]
元组类型tuple

函数类型

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

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

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

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

接口

为了定义对象类型

特点：可选属性、只读属性、可以描述函数类型、可以描述自定义属性

总结：接口非常灵活

类

写法和js类似，增加了一些定义

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

TS进阶

高级类型

联合类型|

let mun：number | string
num=8;
num=’eight';

交叉类型&
类型断言告诉编译器某个实例的具体类型 as
类型别名type 区别于interface

注意：同名类型会取交集

泛型

泛型的作用就是提高代码的重用性，减少装箱拆箱提高性能，减少错误，能够支持当前未使用的数据类型，可以使用泛型来创建可重用的组件。

基本定义：1.泛型的语法是<>里面写类型参数，一般用T表示； 2.使用时有两种方法指定类型：1.定义要使用的类型2.通过TS类型推断，自动推导类型 3.泛型的作用是临时占位，之后通过传来的类型进行推导。

function print<T>(arg:T):{
console.log(arg);
return arg;
}
print<string>('hello');
print('hello');

基础操作符：typeof、keyof、in、T[K]、extends

常用工具类型：Partial<T> Required<T> Readonly<T> Pick Record

TS实战

声明文件

declare：三方库需要类型声明文件
.d.ts：声明文件定义
@types：三方库TS类型包
tsconfig.json：定义TS的配置

个人总结

TypeScript 提供了一种强大的静态类型检查机制，可以在编码阶段发现和修复潜在的类型错误，从而提高代码的健壮性和可维护性。我学到了如何定义变量和函数的类型，如何用接口和类来组织和抽象代码，以及如何使用泛型来增强代码的灵活性。

深入浅出TypeScript | 青训营