TypeScript: key as string

在 TypeScript 中，我们经常需要在对象上使用字符串键来访问属性。在某些情况下，这可能会导致类型错误，因为我们无法保证该属性实际上存在于该对象中。为了解决这个问题，我们可以使用 key as string 转型表达式来安全地访问对象属性。

什么是 key as string？

key as string 是一种转型表达式，可以将 TypeScript 中的键类型强制转换为字符串类型。这允许我们使用字符串键来访问对象属性，而不必担心类型错误。例如：

interface User {
  name: string;
  age: number;
}

const user: User = {
  name: 'Alice',
  age: 30,
};

const key: keyof User = 'name'; // 'name' | 'age'

const name: string = user[key]; // 错误：类型“number”不能赋值给类型“string”

const name2: string = user[key as string]; // 正确：'Alice'

什么情况下使用 key as string？

key as string 主要用于访问 JavaScript 对象中的属性时，因为这些对象在 TypeScript 中没有声明类型，因此 TypeScript 无法推断出对象属性的实际类型。如果我们尝试在 TypeScript 中使用非字符串键访问对象属性，TypeScript 编译器会产生一个类型错误。

例如，在下面的代码中，我们使用数字键来访问一个 JavaScript 对象的属性：

const obj = {
  0: 'zero',
  1: 'one',
};

const key: number = 1;

const value: string = obj[key]; // 错误：类型“"zero" | "one"”不能赋值给类型“string”

由于 JavaScript 对象的属性键可以是任何值，TypeScript 无法知道我们实际上访问的是字符串属性，因此会产生类型错误。我们可以使用 key as string 来告诉 TypeScript，我们实际上是在访问字符串属性：

const obj = {
  0: 'zero',
  1: 'one',
};

const key: number = 1;

const value: string = obj[key as string]; // 正确：'one'

总结

key as string 转型表达式是 TypeScript 中一种用于安全地访问对象属性的技术。它允许我们使用字符串键来访问对象属性，而不必担心类型错误。我们可以在访问 JavaScript 对象的属性时使用 key as string，因为这些对象在 TypeScript 中没有声明类型，无法推断出实际属性的类型。