TypeScript进阶指南完整版.docVIP

TypeScript

进阶指南

原始类型与对象类型

在JavaScript中，null与undefined分别表示“这里有值，但是个空值”和“这里没有值”。在TypeScript中，null与undefined类型都是有具体意义的类型。

在TypeScript中，void用于描述一个内部没有return语句，或者没有显式return一个值的函数的返回值。

使用元组能帮助我们进一步提升数组结构的严谨性，包括基于位置的类型标注、避免出现越界访问等等。

typescript

constarr7:[name:string,age:number,male?:boolean]=[heora,24,true]

constarr1:string[]=[]const[ele1,ele2,...rest]=arr1

推荐使用interface描述对象、类的结构。使用类型别名用来将一个函数签名、一组联合类型、一个工具类型等等抽离成一个完整独立的类型。大部分场景下接口结构都可以被类型别名所取代，因此，只要你觉得统一使用类型别名让你觉得更整齐，也没什么问题。

Object、object、{}

在任何时候都不要使用Object以及类似的装箱类型。

当你不确定某个变量的具体类型，但能确定它不是原始类型，可以使用object。

使用Recordstring,unknown或Recordstring,any表示对象

使用unknown[]或any[]表示数组使用(...args:any[])=any表示函数避免使用{}

uniquesymbol

Symbol在JavaScript中代表着一个唯一的值类型，它类似于字符串类型，可以作为对象的属性名，并用于避免错误修改对象/Class内部属性的情况。

在TypeScript中，symbol类型并不具有这一特性，一百个具有symbol类型的对象，它们的symbol类型指的都是TypeScript中的同一个类型。

TypeScript中支持uniquesymbol一类型声明，它是symbol类型的子类型，每一个uniquesymbol类型都是独一无二的。

typescript

constsymbolFoo:symbol=Symbol(heora)constsymbolBar:symbol=symbolFoo

constuniqueSymbolFoo:uniquesymbol=Symbol(heora)

//类型不兼容

constuniqueSymbolBar:uniquesymbol=uniqueSymbolFoo

在JavaScript中，我们可以用Symbol.for方法来复用已创建的Symbol，如

Symbol.for(heora)会首先查找全局是否已经有使用heora作为key的Symbol注册，如果有，则返回这个Symbol，否则才会创建新的Symbol。

在TypeScript中，如果要引用已创建的uniquesymbol类型，则需要使用类型查询操作符typeof：

typescript

declareconstuniqueSymbolFoo:uniquesymbol;

constuniqueSymbolBaz:typeofuniqueSymbolFoo=uniqueSymbolFoo

字面量类型与枚举

字面量类型主要包括字符串字面量类型、数字字面量类型、布尔字面量类型和对象字面量类型，它们可以直接作为类型标注。

单独使用字面量类型比较少见，因为单个字面量类型并没有什么实际意义。它通常和联合类型一起使用，表达一组字面量类型：

typescript

interfaceRes{code:10000|10001|50000

status:success|failuredata:any

}

无论是原始类型还是对象类型的字面量类型，它们的本质都是类型而不是值。它们在编译时同样会被擦除，同时也是被存储在内存中的类型空间而非值空间。

联合类型代表一组类型的可用集合，只要终赋值的类型属于联合类型的成员之一，就可以认为符合这个联合类型。

typescript

typeCode=10000|10001|50000

typeStatus=success|failure

对于联合类型中的函数类型，需要使用括号()包裹起来函数类型并不存在字面量类型，因此这里的(()={})就是一