Typescript interface clone

Question

I declared an interface as below

interface Interface1 {
    property1: string;
    property2: string;
}

I have another interface Interface2 which needs to be the same as Interface1. I could have used Interface1 where ever Interface2 is used.

But I wanted to know if there is a way to clone Interface1 and assign it to Interface2

The way we do it for type declaration is as below.

type T1 = { property: 1 };
type T2 = T1;

I tried the below code.

interface Inteface2 extends Inteface1

The above line throws an error at the end of the line.

Parsing error: '{' expected .eslint

Is there a way to clone an interface and assign it to another interface?

Anjan Talatam · Accepted Answer · 2022-11-15 08:05:43Z

2

Initialize the interface

You should initialize an empty interface with empty brackets {}.

Typescript interface clone syntax

interface Inteface2 extends Inteface1{}

Now, Interface2 will have all the properties from Interface1.

Optionally you can add any properties to Interface2 in these brackets if needed.

interface Inteface2 extends Inteface1 {
  property3: string;
}

answered Nov 15, 2022 at 8:05

Anjan Talatam

4,2242 gold badges33 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

Sachila Ranawaka · Accepted Answer · 2022-11-15 08:04:21Z

1

Need to att trailing {}

interface Inteface2 extends Interface1{}

answered Nov 15, 2022 at 8:04

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges