来自变量的 ts 对象字段 - TypeScript

在 TypeScript 中，当我们需要引用一个变量中某些属性的时候，我们需要使用 ts 对象字段。

什么是 ts 对象字段？

ts 对象字段，指的是对象中属性的名称。我们可以使用对象和点式语法来引用它们。

比如，以下代码：

const person = {
  name: "John",
  age: 30
}

console.log(person.name);

其中，person.name 便是 ts 对象字段，在这里，我们引用了 person 对象的 name 属性。

使用变量引用 ts 对象字段

除了直接使用对象和点式语法来引用 ts 对象字段外，我们还可以使用变量来引用它们。

以下是一个例子：

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

const person: Person = {
  name: "John",
  age: 30
}

const fieldName = "age";
console.log(person[fieldName]);

在这里，我们通过将属性名称存储在变量 fieldName 中，然后将其作为字符串参数传递给 person 对象的方括号属性，来引用相应的属性。

ts 对象字段的类型

当我们使用变量引用 ts 对象字段时，我们可能会遇到一个问题：变量中存储的属性名称可能与对象中实际存在的属性名称不匹配，这将导致 TypeScript 编译器的类型检查错误。

为了解决这个问题，我们可以定义一个对象类型来包含所有可能的属性名称，这样就可以在编译时进行类型检查。

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

interface FieldName {
  name: keyof Person;
}

const fieldName: FieldName = {
  name: "age"
}

const person: Person = {
  name: "John",
  age: 30
}

console.log(person[fieldName.name]);

在这里，我们使用了 keyof 操作符来指定属性名称类型，以便 TypeScript 编译器可以在编译时验证我们引用的属性名称是否确实存在于 Person 接口中。

总结

使用 ts 对象字段可以帮助我们在 TypeScript 中引用对象属性时更加灵活和方便。通过使用变量来引用属性，我们可以使代码更具可读性和可维护性，而通过指定属性名称类型，我们可以避免类型检查错误。