Definir un Interface con TypeScript

Definir un interface con TypeScript nos da la capacidad de realizar validaciones de estructuras obligatorias dentro el código. Una de las características del lenguaje TypeScript es el tipado de las variables y el control que hace sobre ello. Pero, ¿qué sucede cuándo hay una estructura con un conjunto de propiedades? Es en este caso cuando nos podemos ayudar en un interface de TypeScript.

Sintaxis de un interface

Para definir un interface con TypeScript tenemos que utilizar la palabra reservada interface seguida del nombre del interface.

interface nombreInterface { ... }

Dentro de la definición del interface irán las propiedades que queramos que sean obligatorias. La estructura del código será la siguiente:

interface nombreInterface {
  propiedad1: tipo-dato;
  propiedad2: tipo-dato;
}

Ejemplo de interface

Por ejemplo podemos definir un interface Persona de la siguiente forma:

interface Persona {
  nombre: string;
  edad: number;
}

Utilizar un interface

Ahora podemos utilizar el interface, por ejemplo, en una función:

function datosPersona(p: Persona) {
  console.log(p.nombre);
}

Lo que estamos consiguiendo al utilizar el interface en la función es que, al menos, deben de venir dos valores informados, estos corresponderán con el nombre y la edad.

Validación del interface

Así podremos realizar la siguiente llamada a la función:

let p1 = {nombre:'Carlos', edad:42, localidad:'Zamora'}
datosPersona(p1);

Vemos que la definición del elemento que pasamos a la función tiene los dos parámetros. Aunque luego tenga parámetros adicionales. En el caso de que falte algún parámetro no podremos compilar el código. Por ejemplo el siguiente código no funcionaría:

let p2 = {nombre:'Carmen', localidad:'Zaragoza'};
datosPersona(p2); // Error de Compilación

Vemos que la propiedad edad no está definida, por lo cual no cumplimos con el interface. Así hemos conseguido definir un Interface con TypeScript de una forma sencilla.