How to declare a typescript property that implements multiple interfaces

Question

Say I have 2 interfaces:

interface Interface1{}
interface Interface2{}

is there a way to declare a property as implementing both interfaces? Something like:

class MyClass{
  public p: Interface1, Interface2
}

basarat · Accepted Answer · 2022-04-13 01:18:58Z

22

is there a way to declare a property as implementing both interfaces? Something like:

Yup. An intersection type:

interface Interface1{}
interface Interface2{}
class MyClass{
  public p: Interface1 & Interface2
}

More

TypeScript Intersection Types: https://basarat.gitbook.io/typescript/type-system#intersection-type

edited Apr 13, 2022 at 1:18

answered Jun 7, 2016 at 1:02

basarat

278k61 gold badges475 silver badges528 bronze badges

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

2 Comments

Antoine Weber Over a year ago

the link is now dead

ruffin Over a year ago

@AntoineWeber The link is now again ALIVE!!! But it's also available at archive.org here. Maybe it was having a bad day.

user7374276 · Accepted Answer · 2017-01-04 12:56:10Z

4

interface Interface1 { }
interface Interface2 { }
interface ICombination extends Interface1, Interface2 { };
class MyClass {
    public p: ICombination
}

answered Jan 4, 2017 at 12:56

user7374276

511 bronze badge

2 Comments

Tim Over a year ago

This works fine, but a disadvantage is that as the number of interfaces increases, the number of combinations grows very quickly. Depending on the use case it might not be a problem, but it's something to consider.

Michael Freidgeim Over a year ago

Similar answer in stackoverflow.com/questions/24766032/…

Collectives™ on Stack Overflow

How to declare a typescript property that implements multiple interfaces

2 Answers 2

More

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

More

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related