Repaso: Práctica de funciones genéricas
Parte de la sección Introducción a TypeScript del Journey de JavaScript de Coddy. Lección 62 de 73.
Desafío
FácilCrea una función genérica llamada makePair que tome dos argumentos de diferentes tipos y los devuelva como una tupla.
La función debe:
- Usar dos parámetros de tipo genérico
TyU - Aceptar un parámetro
firstde tipoT - Aceptar un parámetro
secondde tipoU - Devolver una tupla de tipo
[T, U] - Tener una anotación de tipo de retorno explícita
Prueba tu función creando las siguientes variables:
stringNumberPair- llama amakePaircon"Hello"y42booleanStringPair- llama amakePaircontruey"World"numberBooleanPair- llama amakePaircon100yfalse
Usa la desestructuración para extraer valores de tus tuplas:
- Desestructura
stringNumberPairen las variablestextynum - Desestructura
booleanStringPairen las variablesflagymessage
Imprime las siguientes salidas:
- Imprime
text - Imprime
num - Imprime
flag - Imprime
message - Imprime el primer elemento de
numberBooleanPair - Imprime el segundo elemento de
numberBooleanPair - Imprime el resultado de llamar a
makePaircon"TypeScript"y2024, accediendo al primer elemento - Imprime el resultado de llamar a
makePaircon99y"bottles", accediendo al segundo elemento
Pruébalo tú mismo
// TAREA: Escribe tu código aquí
// Crea la función genérica makePair con parámetros de tipo T y U
// La función debe aceptar dos parámetros y devolver una tupla
// TAREA: Prueba tu función creando las variables requeridas
// stringNumberPair, booleanStringPair, numberBooleanPair
// TAREA: Usa la desestructuración para extraer valores de las tuplas
// Desestructura stringNumberPair y booleanStringPair según lo especificado
// TAREA: Imprime todas las salidas requeridas
// Imprime text, num, flag, message y los otros valores requeridosTodas 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 Tuplas6Tipado de Objetos e Interfaces
Anotaciones de tipo de objeto en líneaAlias de tipo para objetosIntroducción a las interfacesInterfaces vs. Alias de tipoPropiedades opcionales y ReadonlyExtensión de interfaces y tiposAgregar métodos a interfacesRepaso: Definición de estructuras de objetos9Genéricos: Un primer vistazo
El problema que resuelven los genéricosCreación de una función de identidad genéricaUso de una función genéricaArrays genéricosInterfaces genéricasRepaso: Práctica de funciones genéricasPractica por tu cuenta: Compilador de JavaScript online