10、TypeScript 类型推断与对象创建最佳实践

TypeScript 类型推断与对象创建最佳实践

1. 函数返回类型注解

在 TypeScript 中，函数参数可以有明确的类型，但返回值类型有时是推断出来的。给返回值添加类型注解有诸多好处，比如让代码表达更直接，若为类型写了文档，注解后文档也会关联到返回值。随着推断返回类型复杂度增加，提供类型名称会很有帮助。而且，注解返回类型能减少 TypeScript 推断的工作量，对大型代码库的编译性能有积极影响。

那么是否要注解返回类型呢？为减少代码量和便于重构，默认答案是“不”，但满足以下情况时应添加注解：
- 函数有多个返回语句。
- 函数是公共 API 的一部分。
- 想使用命名返回类型。

若使用代码检查工具， typescript-eslint 的 no-inferrable-types 规则可确保类型注解是必要的。

要点总结 ：
- 当 TypeScript 能推断出类型时，避免写类型注解。
- 理想的 TypeScript 代码在函数/方法签名中有类型注解，但函数体内的局部变量无需注解。
- 考虑为对象字面量使用显式注解，以启用多余属性检查并确保错误在发生处附近被报告。
- 除非函数有多个返回值、是公共 API 的一部分或想返回命名类型，否则不要注解函数返回类型。

2. 不同类型使用不同变量

在 JavaScript 中，复用变量存储不同类型的值很常见，例如：