14、TypeScript与前端资源打包：深入解析与实践

TypeScript与前端资源打包：深入解析与实践

1. TypeScript基础特性

1.1 函数类型签名的位置

在TypeScript中，可以使用类型推断将函数类型签名放在赋值语句的任意一侧。例如：

let priceOfTicket = function(row: number, accessType: string) : number { }

与之等价的形式是：

let priceOfTicket: (row: number, accessType: string) : number = function(row, accessType) { /* function body */ }

在第二种形式中，类型签名位于变量一侧，而非值的一侧。TypeScript会利用这些信息推断实际函数中的类型。

1.2 类的类型注解

TypeScript充分利用了ES6为JavaScript添加的类特性。TypeScript对类语法的扩展目标是让编译器能像处理函数和赋值一样处理对象属性引用和方法调用。在TypeScript里，类中定义的任何方法都可供类的实例使用，并且可以像为函数添加注解一样为方法的参数和返回值添加注解。

与JavaScript不同的是，TypeScript需要显式列出类的属性，而在普通JavaScript中，这些属性只有在赋值时才会被创建。例如在Stimulus控制器中：