Interface de una función en TypeScript

28/Sep/2017 Typescript Deja un comentario
Programación TypeScript

Los ejemplos que hemos visto de interfaces en TypeScript hasta el momento han sido ejemplos de interfaces para objetos, si bien también podemos definir un interface de una función en TypeScript.

La idea es la misma, lo que buscamos a la hora de definir el interface de una función en TypeScript es que si definimos una función, tanto los parámetros que se le pasan, como el valor que retorna esté claramente definido, independientemente de las veces que definamos funciones de ese tipo.

La estructura para poder definir el interface de una función en TypeScript es la siguiente:

  1. interface NombreInterface {
  2. (propiedad1:tipo, propiedad2:tipo,...,propieddN:tipo):tipo-retorno;
  3. }

Así, por ejemplo, podemos definir un interface que defina lo que sería la función del cálculo del área de un triángulo. La cual quedaría de la siguiente manera:

  1. interface CalculoAreaTriangulo {
  2. (base:number, altura:number):number;
  3. }

Vemos que hemos definido que las funciones que tipo CalculoAreaTriangulo deben de tener dos propiedades numéricas y devolver un número.

Así definiremos una variable que vaya a tener una función de este tipo:

  1. let miCalculo: CalculoAreaTriangulo;

Cuando vayamos a definir la función, esta deberá de cumplir con el interface. Por ejemplo, esta función si que lo cumpliría:

  1. miCalculo = function(b:number,a:number) {
  2. return (b*a)/2;
  3. }

Mientras que esta otra no:

  1. miCalculo = function(b:number,a:number) {
  2. return "Tu area es de *" + (b*a)/2;
  3. }

Ya que el valor que se está devolviendo es de tipo string en vez de ser un tipo number.

Con este ejemplo tan sencillo hemos visto como se puede definir un interface de una función en TypeScript.

Vídeos sobre TypeScript


¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*