TypeScript中如何让类自动继承类型属性并支持自动补全

我是TypeScript新手，现有一个来自第三方库的类型：

type FooType = {
  name: string;
  // 实际包含更多属性
};

我想定义一个Foo类，代码如下：

import { FooType } from 'my-library';

class Foo {
  constructor(data: FooType) {
    Object.assign(this, data);
  }
}

虽然能正常创建实例，但foo.name无法触发自动补全。我希望类能自动继承该类型的所有属性，无需手动逐个编写。

补充：我已经知道这是TypeScript的现存问题，目前用了临时解决方案：

class Foo {
  constructor(public _data: FooType) {
    Object.assign(this, _data);
  }

  get() {
    return this._data;
  }
}

const foo = new Foo({ name: 'Bar' });
foo.get().name; // 调用get()后可正常触发自动补全

1. 接口合并（推荐） #

TypeScript支持同名interface和class的合并，我们可以通过声明一个继承FooType的同名接口，让类自动拥有所有属性的类型提示：

import { FooType } from 'my-library';

// 声明同名接口，继承FooType的所有属性
interface Foo extends FooType {}

class Foo {
  constructor(data: FooType) {
    Object.assign(this, data);
  }
}

const foo = new Foo({ name: 'Bar' });
foo.name; // 自动补全正常生效

这种方式不需要额外的方法调用，直接访问实例属性就能获得类型提示，完全避免手动声明属性。

2. 实例类型断言 #

如果不想额外声明接口，可以在创建实例时用类型断言，让TypeScript识别实例同时拥有Foo类和FooType的类型：

import { FooType } from 'my-library';

class Foo {
  constructor(data: FooType) {
    Object.assign(this, data);
  }
}

const foo = new Foo({ name: 'Bar' }) as Foo & FooType;
foo.name; // 自动补全生效

缺点是每次创建实例都需要加断言，适合临时场景。

3. 优化你的临时方案 #

你当前的方案可以通过getter属性简化访问，不用每次调用方法：

import { FooType } from 'my-library';

class Foo {
  constructor(private _data: FooType) {
    Object.assign(this, _data);
  }

  // 用getter属性替代方法
  get data(): FooType {
    return this._data;
  }
}

const foo = new Foo({ name: 'Bar' });
foo.data.name; // 自动补全正常，写法更简洁

注意事项 #

这是TypeScript的已知限制：Object.assign不会自动推导类实例继承传入对象的类型信息，目前官方还没有原生支持这类场景的自动类型推导，上面的方案都是绕开该限制的实用手段。

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