TypeScript构造函数用命名参数时提示属性缺失问题求助

核心原因：接口约束的是类的实例，而非构造函数入参 #

你定义的ITest接口是用来约束Test类的实例对象的——也就是说每个Test实例必须同时拥有title和只读的titlePlusCheese属性。但你把这个接口直接当成了构造函数的参数类型，这就要求传入构造函数的对象必须完全符合ITest的结构，也就是必须包含titlePlusCheese，但你实例化时只传了title，自然会触发类型错误。

而当构造函数直接接收title字符串参数时，参数类型是string，和ITest接口无关，此时你只需要传入字符串，类内部可以自行处理生成titlePlusCheese属性，最终实例依然符合ITest的要求，所以不会报错。

正确的实现方式 #

要保留命名参数的写法，同时满足接口约束，你需要把构造函数的入参类型和类实例的接口分开：

1. 先定义一个仅包含构造所需输入属性的类型：

interface ITestOptions {
  title: string;
}

2. 让Test类实现ITest接口，构造函数接收ITestOptions类型的参数，在内部计算生成只读属性：

interface ITest {
  title: string;
  readonly titlePlusCheese: string;
}

class Test implements ITest {
  title: string;
  readonly titlePlusCheese: string;

  constructor(options: ITestOptions) {
    this.title = options.title;
    this.titlePlusCheese = `${options.title} + Cheese`;
  }
}

// 此时实例化完全正常
const myTest = new Test({ title: 'hello' });
console.log(myTest.titlePlusCheese); // 输出 "hello + Cheese"

额外说明 #

类实现接口的本质是保证实例具备接口规定的所有成员，而构造函数的参数是用来初始化实例的原材料，两者不需要完全一致。如果强行用实例接口作为构造参数类型，就会要求调用者提前准备好所有实例属性（包括那些本应由类内部生成的只读属性），这显然不符合逻辑。

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