1
0
mirror of https://github.com/jbranchaud/til synced 2026-01-04 23:58:01 +00:00

Add Interfaces With The Same Name Are Merged as a TypeScript til

This commit is contained in:
jbranchaud
2022-02-02 11:07:43 -06:00
parent ad29a186c3
commit ace307c591
2 changed files with 41 additions and 1 deletions

View File

@@ -0,0 +1,39 @@
# Interfaces With The Same Name Are Merged
Here is the declartion of an interface in TypeScript.
```typescript
interface Person {
name: string
}
```
What if I were to add a separate interface declaration with the same name,
`Person`?
```typescript
interface Person {
age: number
}
```
TypeScript performs declaration merging. So the types of the two interfaces
would be combined. So, a variable of type `Person` can have an `name` and an
`age`.
```typescript
const person: Person = {
age: 22,
name: 'Bob'
}
```
See a [live
example](https://www.typescriptlang.org/play?ssl=12&ssc=2&pln=5&pc=1#code/JYOwLgpgTgZghgYwgAgArQM4HsTIN4BQyxyIcAthAFzIZhSgDmBAvgQaJLIiulNrkIlkcRtVIBXcgCNordghx1kAB0w4afAcgC8+IiVHiATMYA0B4mUo0A5ACEs02-IJr+OAHRGgA)
in the TS Playground.
This is different from how object type declarations handle it. If I were to try
to define two separate `type`s with the same name, that would result in a type
error.
[source](https://www.typescriptlang.org/docs/handbook/declaration-merging.html#merging-interfaces)