TypeScript 中对象动态添加属性的代码示例

在 TypeScript 编程中，有时我们需要根据特定的条件或逻辑来动态地为对象添加属性。这种动态性可以使我们的代码更加灵活和可扩展。下面通过一些代码示例来详细说明如何在 TypeScript 中实现对象动态添加属性。

让我们创建一个初始的对象：

let person = {
  name: 'John',
  age: 30
};

接下来，我们可以使用方括号语法来动态添加属性。例如，如果我们想要添加一个 occupation 属性：

person['occupation'] = 'Developer';

或者，我们也可以使用点语法，但需要注意的是，这种方式在添加不存在的属性时，可能会导致编译错误，所以通常更推荐使用方括号语法。

person.occupation = 'Designer';

如果我们不确定要添加的属性名称，或者属性名称是通过变量获取的，那么方括号语法就显得尤为有用。

let propertyName ='skill';
let propertyValue = 'JavaScript';

person[propertyName] = propertyValue;

另外，在动态添加属性时，还需要注意类型的一致性。如果对象的类型已经明确声明，并且添加的属性类型与声明的类型不匹配，TypeScript 编译器可能会给出错误提示。

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

let person2: Person = {
  name: 'Alice',
  age: 25
};

// 以下添加属性的操作会导致类型错误
// person2['income'] = 'High';  // 错误：期望是数字类型

person2['income'] = 50000;  // 正确

通过以上的代码示例，我们可以看到在 TypeScript 中动态添加对象属性是相对简单和直观的。但在实际开发中，要充分考虑类型安全和代码的可维护性，合理地运用动态添加属性的特性。

掌握 TypeScript 中对象动态添加属性的方法，能够让我们在编写代码时更加得心应手，应对各种复杂的业务需求。