如何扩展递归打字稿接口？

Posted 2023-02-22

【中文标题】如何扩展递归打字稿接口？

【英文标题】：How to extend a recursive typescript interface?

【发布时间】：2022-01-20 06:25:26

【问题描述】：

我有一个递归接口，如下所示：

interface TreeNode 
  id: string
  children: TreeNode[]

我想像这样扩展TreeNode：

interface TreeNodeWithMorePros extends TreeNode
  moreProps: any[]

但这还不够，因为root 可以拥有moreProps，但孩子们不能。

const tree: TreeNodeWithMorePros = 
  id: 'root', 
  moreProps: [], 
  children: [
    
      id: 'child', 
      children: [],
      // here I cannot use moreProps
    
  ]

如何正确扩展TreeNode 接口？

【参考方案1】：

其实我刚刚找到了解决办法

有一个多态类型this可以使用：

interface TreeNode 
  id: string
  children: this[]


interface TreeNodeWithMorePros extends TreeNode
  moreProps: any[]


const tree: TreeNodeWithMorePros = 
  id: 'something',
  moreProps: [],
  children: [
    
      id: 'child',
      children: [],
      moreProps: []
    
  ]

现在可以正常使用了