Declaration merging for interfaces in Typescript - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is declaration merging in TypeScript interfaces?

Declaration merging is when TypeScript combines multiple interface declarations with the same name into a single interface, merging their members together.

beginner

Can you declare the same interface name multiple times in TypeScript?

Yes, TypeScript allows multiple declarations of the same interface name. It merges their properties into one interface.

intermediate

What happens if two merged interfaces have properties with the same name but different types?

TypeScript will produce an error because the property types conflict and cannot be merged safely.

intermediate

How does declaration merging help when working with third-party libraries?

It allows you to add new properties or methods to existing interfaces without modifying the original library code, enhancing flexibility.

beginner

Show a simple example of declaration merging with interfaces in TypeScript.

Example: interface User { name: string; } interface User { age: number; } // Merged interface User has both name and age properties.

What does TypeScript do when it finds two interface declarations with the same name?

A Merges their members into one interface

B Throws a syntax error

C Ignores the second declaration

D Creates two separate interfaces

TypeScript merges interface declarations with the same name into a single interface combining all members.

If two merged interfaces have a property with the same name but different types, what happens?

A TypeScript throws a type conflict error

B TypeScript merges them without error

C The first property type is used, the second ignored

D The second property type is used, the first ignored

TypeScript throws an error because conflicting property types cannot be merged.

Which of these is a benefit of declaration merging for interfaces?

A Automatically converts interfaces to classes

B Prevents interfaces from being extended

C Disables type checking for merged interfaces

D Allows adding properties to existing interfaces without changing original code

Declaration merging lets you extend interfaces safely without modifying original declarations.

Can declaration merging be used with classes in TypeScript?

A Yes, classes merge like interfaces

B No, classes cause errors if declared twice

C No, only interfaces and namespaces support declaration merging

D Yes, but only with abstract classes

Declaration merging works with interfaces and namespaces, not with classes.

What will the merged interface contain? interface A { x: number; } interface A { y: string; }

A Only property y

B Both properties x and y

C Only property x

D An error due to duplicate interface

The merged interface A will have both properties x and y.

Explain declaration merging for interfaces in TypeScript and why it is useful.

Think about how you can add new properties without changing original code.

Describe what happens when two interfaces with the same name have conflicting property types during declaration merging.

Consider what happens if two friends disagree on the same thing.