如何在TypeScript中为Interface添加方法同时保留对象字面量创建语法

解决方案 #

你可以通过「空类+接口合并 + 轻量工厂函数」的方案实现需求，既保留字面量定义属性的灵活性，又能正常调用原型上的方法，还支持链式调用。

第一步：定义基础类型和工厂函数

创建Attribute.ts，用空类作为原型的载体，和同名接口合并，同时导出一个工厂函数封装原型绑定逻辑：

// Attribute.ts
// 空类仅用于提供prototype，无需编写任何类成员和构造逻辑
export class Attribute {}

export interface Attribute {
  name: string;
  // 可自由扩展其他字段定义
}

// 工厂函数：接收符合Attribute结构的字面量，自动绑定原型
export function createAttribute(attr: Attribute): Attribute {
  return Object.assign(Object.create(Attribute.prototype), attr);
}

第二步：扩展原型方法

扩展逻辑和你之前的写法完全一致：

// AttributeAugments.ts
import { Attribute } from "./Attribute";

declare module "./Attribute" {
  interface Attribute {
    matches(other: Attribute): boolean;
    // 需要链式调用的方法，返回值类型标注为Attribute即可
    setName(name: string): Attribute;
  }
}

Attribute.prototype.matches = function (other: Attribute): boolean {
  return this.name === other.name;
};

Attribute.prototype.setName = function (name: string): Attribute {
  this.name = name;
  return this;
};

第三步：使用方式

创建实例的写法几乎和原有的字面量语法一致，无需写new、无需编写繁琐的类构造逻辑：

import { createAttribute } from "./Attribute";
import "./AttributeAugments";

// 直接传字面量，写法简洁灵活
const attr = createAttribute({
  name: "foo"
});
const otherAttr = createAttribute({ name: "bar" });

// 可正常调用实例方法
console.log(attr.matches(otherAttr)); // 输出false

// 支持链式调用
attr.setName("baz").matches(otherAttr);

原写法报错的原因 #

你直接声明字面量const attr: Attribute = {name: "foo"}时，这个对象的原型默认是Object.prototype，不会继承Attribute类的原型，所以既没有实际的matches方法，TS类型检查也会判定对象缺少接口定义的matches属性，触发报错。

内容的提问来源于stack exchange，提问作者Adam A