使用“此”的打字稿接口中的关键字

Question

我正在研究一个自定义界面，我希望能够在其实现中推断接口值的类型，而不是在接口定义中，而无需通用。我应该补充说，这些实现将始终是对象文字而不是类。

这是我要做的：

interface Defintion {
  params: unknown; // Should resolve to the type in the implementation
  handler: (dummy: this["params"]) => void; // I want `this` to refer to the implementation, not the interface
}


const customDefn: Defintion = {
  params: { test: "Hello World" },
  handler: (dummy) => {
    // TS Complains here
    console.log(dummy.test)
  }
}

我想发生的是custydefn.params的类型，以解决到{test：“ Hello world”}（所以我可以在handler中获得自动完成，而不是将其保留为未知。

我知道我可以使用仿制药：

interface Defintion<T> {
  params: T;
  handler: (dummy: this["params"]) => void;
}

但是，我必须两次定义params（因为我也使用params）：

const customDefn: Defintion<{ test: "Hello World" }> = {
  params: { test: "Hello World" },
  handler: (dummy) => {
    console.log(dummy.test)
  }
}

这可能会变得很麻烦。

Answer 1

关键字此可以不使用将对象类型中的属性相关联。您只能使用它来获取属性的“静态” 类型。

实际上，使用独立类型，根本不可能在属性之间进行任何交叉引用。

---

相反，您可以通过通用的辅助功能实现此目标。

interface Defintion<T> {
  params: T;
  handler: (dummy: T) => void; 
}

function createDefiniton<T>(definiton: Defintion<T>) {
  return definiton
}

createDefiniton({
  params: { test: "Hello World" },
  handler: (dummy) => {
    console.log(dummy.test)
  }
})

Playground