在使用 TypeScript 进行开发的过程中，我们可能会遇到 “Cannot add property x” 这个错误。这个错误通常是由于 TypeScript 类型系统的限制导致的，我们需要对代码进行一些调整来解决这个问题。
问题描述
当我们尝试给一个对象添加一个新的属性时，可能会遇到 “Cannot add property x” 的错误。比如：
interface MyObject {
name: string;
}
const obj: MyObject = { name: 'Alice' };
obj.age = 25; // Error: Cannot add property 'age', object is not extensible这个错误的原因是 TypeScript 默认情况下会将对象设置为不可扩展的，也就是说不能给对象添加新的属性。这是为了保证类型安全，防止我们在运行时给对象添加不合法的属性。
解决方法
要解决这个问题，我们需要告诉 TypeScript 这个对象是可扩展的。有两种方法可以实现这个目的：
1. 使用类型断言
我们可以使用类型断言来告诉 TypeScript 这个对象是可扩展的。比如：
interface MyObject {
name: string;
}
const obj: MyObject = { name: 'Alice' } as MyObject & { age?: number };
obj.age = 25; // OK这里我们使用了交叉类型 MyObject & { age?: number } 来表示这个对象既有 name 属性，又可以添加 age 属性。然后使用类型断言 as 将对象转换为这个交叉类型。
这种方法的缺点是需要手动添加交叉类型，比较繁琐，而且可能会导致类型不够安全。
2. 使用类型声明文件
我们可以使用类型声明文件来告诉 TypeScript 这个对象是可扩展的。比如：
// javascriptcn.com 代码示例
// extendable.d.ts
declare interface Object {
[key: string]: any;
}
// main.ts
interface MyObject {
name: string;
}
const obj: MyObject = { name: 'Alice' };
obj.age = 25; // OK这里我们在一个单独的类型声明文件 extendable.d.ts 中声明了一个全局的接口 Object，它可以添加任意类型的属性。然后在主文件 main.ts 中使用这个接口，就可以给对象添加新的属性了。
这种方法的优点是比较简单，而且不需要手动添加交叉类型。缺点是可能会影响全局的类型定义，需要慎重使用。
总结
在 TypeScript 中，当我们尝试给一个对象添加新的属性时，可能会遇到 “Cannot add property x” 的错误。我们可以使用类型断言或类型声明文件来解决这个问题。
使用类型断言需要手动添加交叉类型，比较繁琐，而且可能会导致类型不够安全。使用类型声明文件比较简单，但可能会影响全局的类型定义，需要慎重使用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656561d6d2f5e1655dea4b08