10、TypeScript 高级特性与最佳实践

TypeScript 高级特性与最佳实践

1. TypeScript 控制流分析与属性类型

TypeScript 的控制流分析在处理局部变量时表现出色，但在处理属性时需要格外小心。以下是一个示例：

function fn(p: Polygon) { /* ... */ }
polygon.bbox  // Type is BoundingBox | undefined
if (polygon.bbox) {
  polygon.bbox  // Type is BoundingBox
  fn(polygon);
  polygon.bbox  // Type is still BoundingBox
}

在这个例子中，调用 fn(polygon) 可能会将 polygon.bbox 设置为 undefined ，但 TypeScript 为了避免频繁重复属性检查，选择假设函数不会使类型细化失效。然而，实际情况可能并非如此。如果使用局部变量 bbox 而不是直接使用 polygon.bbox ， bbox 的类型将保持准确，但它可能不再与 polygon.box 的值相同。

注意事项

• 别名问题 ：别名可能会阻止 TypeScript 缩小类型范围。如果创建了变量的别名，请始终一致地使用它。