loading...

TypeScript - Interfaces

manuelojeda profile image Manuel Ojeda ・1 min read

TypeScript: Interfaces

As we read before, the typing system from TypeScript is the main feature inside this superset by adding a strong typed system into JavaScript. Now, one of the most used features is called: Interfaces

What is an Interface?

An Interface we can calling as a properties contract with need to be fulfilled in order to satisfy the requirement in the code about that Interface. The sintax is pretty simple, to declare an interface need to be like.

interface <PutYourInterfaceNameHere> {
  yourProperty?: <your type here>;
}
// The ? is optional and you indicate into the contract that property is optional and is not required to fulfill the interface.

Example:

interface Foo { // <- Needs to be PascalCase
  Bar: string;
  MyBar: boolean;
  MyFoo?: number;
}

And how to use it? Just like a type, you need to declare it as a type:

let MyFooExample: Foo

Benefits? If you are using VS Code, Intellisense will be listening and helping you by showing all the properties that the interface has, also you can make a group of types you need in case you are using OOP, this helps you to make your code cleaner:

TypeScript Interface Example

Pretty simple, isn't? Tell me what you think about the interfaces? Tell me in the comment section your thoughts and see you next time.

Posted on by:

manuelojeda profile

Manuel Ojeda

@manuelojeda

Web Full Stack Dev. I love JavaScript and defender of TypeScript. Advocadte of Vue, and learner of React. PHP is my backend lord and Laravel his son.

Discussion

markdown guide