9、TypeScript 类型推断与使用技巧

TypeScript 类型推断与使用技巧

在 TypeScript 编程中，类型推断是一个核心概念，它能帮助开发者在编写代码时更高效地发现和解决问题。下面将详细介绍 TypeScript 中的类型拓宽、类型收窄、对象创建以及别名使用等关键知识点。

1. 理解类型拓宽

在 TypeScript 中，当使用常量初始化变量却未指定类型时，类型检查器需要确定一个类型，这个过程就是类型拓宽。理解类型拓宽有助于理解错误信息并更有效地使用类型注解。

例如，在编写处理向量的库时，定义了一个 3D 向量类型和一个获取向量组件值的函数：

interface Vector3 { x: number; y: number; z: number; }
function getComponent(vector: Vector3, axis: 'x' | 'y' | 'z') {
  return vector[axis];
}

当尝试使用该函数时，可能会遇到错误：

let x = 'x';
let vec = {x: 10, y: 20, z: 30};
getComponent(vec, x);
// ~ Argument of type 'string' is not assignable to
//   parameter of type '"x" | "y" | "z"'

这里 x 的类型被推断为 str