Merge Two Interfaces

by

This article explains the relation between interfaces and type aliases very well, this part is focused on small differences between them.

Both

interface IFooBar extends IFoo, IBar {}

and

type IFooBar = IFoo & IBar;

are common ways to do this and will behave identically in most cases. Since type takes less characters to type, it could be chosen for that reason.

The inconsistency that is caused by mixed interface and type shouldn’t be a problem; they are just suitable features to achieve the goal. If const BarClass = FooClass does the job, class BarClass extends FooClass {} shouldn’t be preferred just because its consistently uses class everywhere (this example is used for illustrative purposes, there’s a considerable difference between these approaches).

Even though interface and type can behave similarly, there is a difference in case of merged interface (also covered in linked article). This will work:

interface FooBar extends IFoo, IBar {}
class FooBar { ... }

And this will cause type error:

type FooBar = IFoo & IBar;
class FooBar { ... }

More Related Contents:

  1. What is “not assignable to parameter of type never” error in TypeScript?
  2. When I refresh my website I get a 404. This is with Angular2 and firebase
  3. Expected 3 type arguments but got 1 but it should infer 2 types
  4. Import class in definition file (*d.ts)
  5. TypeScript union of string and string literals
  6. Typescript return type depending on parameter
  7. Mapped Types: removing optional modifier
  8. Why can I avoid excess property check in typescript just by passing a reference to an object to a function rather than the object in its literal form?
  9. TypeScript: Accept all Object keys that map to a specific type
  10. Typescript interface default values
  11. How to configure custom global interfaces (.d.ts files) for TypeScript?
  12. How to selectively assign from one Partial to another in typescript
  13. How to unwrap the type of a Promise?
  14. Experimental decorators warning in TypeScript compilation
  15. A TypeScript GUID class? [closed]
  16. ‘compile-time’ way to get all property names defined interface
  17. Accessing properties in union types
  18. Make overProp function interface with one param
  19. TypeScript: Why can’t I assign a valid field of an object with type { a: “a”, b: “b” }
  20. Absolute paths (baseUrl) gives error: Cannot find module
  21. typescript restrict count of object’s properties
  22. Checking validity of string literal union type at runtime?
  23. TypeScript keyof returning specific type
  24. Why is never assignable to every type?
  25. Is there an alternative to Partial to accept only fields from another type and nothing else?
  26. How to get a variable type in Typescript?
  27. TypeScript export imported interface
  28. How to create an Observable from static data similar to http one in Angular?
  29. get dictionary/object keys as tuple in typescript
  30. Can I force the TypeScript compiler to use nominal typing?

Leave a Comment