Menu
CoddyTech

Definición de tipos de funciones

Parte de la sección Introducción a TypeScript del Journey de JavaScript de Coddy. Lección 28 de 73.

TypeScript te permite crear un alias de tipo para la firma de una función, el cual actúa como un modelo que las funciones deben cumplir.

Un alias de tipo de función define la forma de una función utilizando la palabra clave type. La sintaxis muestra los tipos de parámetros entre paréntesis seguidos de una flecha y el tipo de retorno:

type MathOperation = (a: number, b: number) => number;

const add: MathOperation = (a, b) => {
  return a + b;
};

const multiply: MathOperation = (a, b) => {
  return a * b;
};

En este ejemplo, MathOperation es un alias de tipo que describe cualquier función que tome dos números y devuelva un número. Tanto add como multiply cumplen con este tipo, asegurando la consistencia en toda tu base de código.

challenge icon

Desafío

Fácil

Crea un alias de tipo llamado StringProcessor para una función que toma un único parámetro de tipo string y devuelve un string.

Crea un alias de tipo llamado NumberCalculator para una función que toma dos parámetros de tipo number y devuelve un number.

Crea un alias de tipo llamado BooleanChecker para una función que toma un parámetro de tipo string y devuelve un boolean.

Ahora implementa las siguientes funciones que cumplan con estos alias de tipo:

  • Crea una función llamada toUpperCase de tipo StringProcessor que convierta la cadena de entrada a mayúsculas
  • Crea una función llamada addPrefix de tipo StringProcessor que añada el prefijo "Processed: " a la cadena de entrada
  • Crea una función llamada divide de tipo NumberCalculator que divida el primer número por el segundo número
  • Crea una función llamada power de tipo NumberCalculator que eleve el primer número a la potencia del segundo número (usa Math.pow)
  • Crea una función llamada isEmpty de tipo BooleanChecker que devuelva true si la cadena tiene una longitud de 0, de lo contrario false
  • Crea una función llamada startsWithA de tipo BooleanChecker que devuelva true si la cadena comienza con la letra "A" (distinguiendo entre mayúsculas y minúsculas), de lo contrario false

Prueba tus funciones llamándolas con los siguientes valores e imprimiendo los resultados:

  • Llama a toUpperCase con "hello world"
  • Llama a addPrefix con "data"
  • Llama a divide con 20 y 4
  • Llama a power con 3 and 4
  • Llama a isEmpty con ""
  • Llama a startsWithA con "Apple"

Imprime cada resultado en una línea separada en el orden especificado anteriormente.

Pruébalo tú mismo

// TODO: Crear alias de tipos aquí
// StringProcessor, NumberCalculator, BooleanChecker

// TODO: Implementar las funciones aquí
// toUpperCase, addPrefix, divide, power, isEmpty, startsWithA

// TODO: Prueba tus funciones e imprime los resultados
// Llama a cada función con los valores especificados e imprime los resultados
quiz iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Introducción a TypeScript

Practica por tu cuenta: Playground de TypeScript