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.
Desafío
FácilCrea 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
addcon15y27 - Llama a
getFullNamecon"John"y"Smith" - Llama a
isEligiblecon20ytrue - Llama a
isEligiblecon16ytrue
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 trueEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Introducción a TypeScript
1Primeros pasos con TS
¿Qué es TypeScript?¿Por qué usar TypeScript?Tu primer código en TypeScriptProceso de compilación y erroresResumen: Introducción a TS4Trabajando con funciones
Tipado de parámetros y valores de retornoTipado de funciones de flechaEl tipo de retorno 'void'Parámetros opcionales con '?'Valores de parámetros por defectoTipado de parámetros restDefinición de tipos de funcionesRepaso: Construcción de funciones tipadas2Tipos principales
Tipos básicos: str, num, booleanEl tipo 'any': Vía de escapeEl tipo 'unknown'Trabajando con 'null' y 'undef'Inferencia de tipos en acciónAnotaciones de tipo explícitasResumen: Práctica de tipos principales5Tipos: Alias, Uniones e Intersecciones
Alias de tipos para primitivosTipos de unión ('|')Trabajando con tipos de uniónTipos literalesTipos de intersección ('&')Combinando alias de tiposRepaso: Combinaciones de tipos avanzadas3Estructura de datos: Arrays y Tuplas
Arrays tipadosModificador 'readonly' para Arrays¿Qué es una Tupla?Declaración y acceso a TuplasDesestructuración de TuplasTuplas ReadonlyArrays tipados multidimensionalesOperador Spread con ArraysResumen: Arrays y TuplasPractica por tu cuenta: Compilador de JavaScript online