TypeScript 中是否有等效的扩展运算符用于接口？

Question

I'm working on a JavaScript project and would like to use TypeScript as well. In one scenario it would be nice if I could reduce the amount of repetition in this interface:-

interface Question {
  settings: {
    label: string
    description: string
    hidden: boolean
    followUp: {
      label: string
      description: string
      hidden: boolean
    }
  }
}

If there were some kind of Spread Operator that would be great:

interface QuestionSettings {
  label: string
  description: string
  hidden: boolean
}

interface Question {
  settings: {
    ...QuestionSettings
    followUp: QuestionSettings
  }
}

Is this possible in TypeScript?

Answer 1

You could use intersection types :

interface QuestionSettings {
   label: string;
   description: string;
   hidden: boolean;
}

interface Question {
  settings: QuestionSettings & {
     followUp: QuestionSettings;
  }
}