TypeScript：如何声明仅实现指定接口的字面量对象？

你碰到的这个报错，其实是TypeScript的额外属性检查机制在工作——当你直接用对象字面量赋值给一个明确声明了类型的变量时，TS会严格校验字面量的属性是否完全匹配目标类型，哪怕多余的属性不影响接口要求的核心实现，也会被判定为错误。

下面给你几种针对性的解决方案，你可以根据自己的场景选择：

方案1：直接移除多余属性（最推荐） #

如果func2不是你需要保留的属性，直接删掉它就完事了，这样字面量就完全符合MyInterface的定义：

interface MyInterface { 
  update: () => void; 
} 
class MyClass { 
  a: MyInterface = { 
    update: function(){} 
  } 
}

方案2：绕开额外属性检查（需保留多余属性时用） #

如果你确实需要保留func2，可以通过两种方式绕开TS的额外检查：

方式A：先赋值给无类型约束的变量 #

把字面量先存到一个没有明确类型的变量里，再赋值给a，这样就不会触发额外属性检查：

interface MyInterface { 
  update: () => void; 
} 
class MyClass { 
  private tempObj = { 
    update: function(){}, 
    func2: function(){} 
  };
  a: MyInterface = this.tempObj;
}

方式B：使用类型断言 #

直接用as MyInterface告诉TS：“我确认这个对象符合接口要求，不用检查额外属性”：

interface MyInterface { 
  update: () => void; 
} 
class MyClass { 
  a: MyInterface = { 
    update: function(){}, 
    func2: function(){} 
  } as MyInterface;
}

方案3：修改接口允许额外属性（长期需要扩展时用） #

如果你的场景里，MyInterface可能需要支持更多自定义方法，可以给接口添加索引签名，允许任意符合类型的额外属性：

interface MyInterface { 
  update: () => void; 
  // 允许任意字符串类型的键，对应的值必须是无参无返回值的函数
  [key: string]: () => void; 
} 
class MyClass { 
  a: MyInterface = { 
    update: function(){}, 
    func2: function(){} 
  } 
}

注意：索引签名的类型要和额外属性的类型匹配，比如如果func2有参数或者返回值，你需要调整索引签名的定义。

额外提一句：TS的额外属性检查是个很实用的特性，能帮你提前发现拼写错误或者冗余代码，所以优先推荐方案1，只有在确实需要保留额外属性时再考虑后面的方案。

内容的提问来源于stack exchange，提问作者Jiří Lechner