Menu
Coddy logo textTech

Tipado de parámetros y valores de retorno

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

Las funciones son los bloques de construcción de cualquier aplicación, y TypeScript las hace más seguras y predecibles al permitirte especificar exactamente qué tipos de datos aceptan y devuelven. Cuando agregas anotaciones de tipo a las funciones, creas un contrato claro que define qué entra y qué sale.

Para añadir tipos a una función, especificas el tipo para cada parámetro después de su nombre y, opcionalmente, especificas el tipo de retorno después de la lista de parámetros:

function greet(name: string): string {
  return "Hello, " + name;
}

function multiply(a: number, b: number): number {
  return a * b;
}

La sintaxis sigue un patrón simple: parameterName: type para cada parámetro, y : returnType después del paréntesis de cierre.

challenge icon

Desafío

Fácil

Crea una función llamada add que tome dos parámetros de tipo number y devuelva su suma. La función debe tener una anotación de tipo de retorno explícita de number.

Crea otra función llamada getFullName que tome dos parámetros: firstName de tipo string y lastName de tipo string. La función debe devolver el nombre completo como una sola cadena con un espacio entre el nombre y el apellido. Añade una anotación de tipo de retorno explícita de string.

Crea una tercera función llamada isEligible que tome dos parámetros: age de tipo number y hasLicense de tipo boolean. La función debe devolver true si la persona tiene 18 años o más Y tiene una licencia, de lo contrario devuelve false. Añade una anotación de tipo de retorno explícita de boolean.

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

  • Llama a add con 15 y 27
  • Llama a getFullName con "John" y "Smith"
  • Llama a isEligible con 20 y true
  • Llama a isEligible con 16 y true

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

Pruébalo tú mismo

// TODO: Escribe tu código aquí
// Crea la función add con anotación explícita del tipo de retorno

// Crea la función getFullName con anotación explícita del tipo de retorno

// Crea la función isEligible con anotación explícita del tipo de retorno

// Prueba las funciones e imprime los resultados
// Llama a add con 15 y 27
// Llama a getFullName con "John" y "Smith"
// Llama a isEligible con 20 y true
// Llama a isEligible con 16 y true
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: Compilador de JavaScript online