Tarjetas de TypeScript

Patrocinador de categoría

TypeScript es un superconjunto de JavaScript de tipado estático creado por Anders Hejlsberg en Microsoft. Es un lenguaje diseñado para aumentar la productividad y mejorar la calidad del código en aplicaciones grandes. TypeScript se caracteriza por un sistema de tipos rico y características avanzadas de lenguaje, permitiendo la detección de errores en tiempo de compilación y un mejor soporte para herramientas de desarrollo. Este lenguaje ofrece características como interfaces, genéricos y decoradores, proporcionando a los desarrolladores herramientas para crear código más legible y mantenible. TypeScript también soporta compatibilidad total con JavaScript y adopción gradual en proyectos existentes, manteniendo el rendimiento y permitiendo el uso fácil del ecosistema de JavaScript.

Nuestra aplicación de tarjetas incluye preguntas de entrevista de TypeScript cuidadosamente seleccionadas con respuestas completas que te prepararán efectivamente para cualquier entrevista que requiera conocimiento de TypeScript. IT Flashcards no es solo una herramienta para buscadores de empleo, es una excelente manera de reforzar y probar tu conocimiento, independientemente de tus planes de carrera actuales. El uso regular de la aplicación te ayudará a mantenerte al día con las últimas tendencias de TypeScript y mantener tus habilidades a un alto nivel.

Ejemplo de tarjetas de TypeScript de nuestra aplicación

Descarga nuestra aplicación desde la App Store o Google Play para obtener más tarjetas didácticas gratuitas o suscríbete para acceder a todas las tarjetas didácticas.

¿Qué es el tipo 'any' en TypeScript y cuándo se recomienda su uso?

El tipo any en TypeScript es un tipo dinámico que puede representar cualquier tipo de datos. El uso del tipo any nos permite evitar la comprobación de tipos durante la compilación y se puede tratar de manera similar al tipo dinámico en otros lenguajes de programación, como JavaScript.

Aquí hay un ejemplo de uso del tipo any en TypeScript:

let dynamicValue: any = 100;
dynamicValue = "hello";
dynamicValue = false;

Aunque usar el tipo any es conveniente, no se recomienda si conocemos la estructura de los datos. La principal ventaja de TypeScript sobre JavaScript es que TypeScript introduce la tipificación estática, que ayuda a detectar errores durante la compilación.

Por lo tanto, el uso del tipo any debe limitarse a situaciones en las que no podemos determinar un tipo específico. Por ejemplo, puede ser necesario al tratar con datos dinámicos, como datos de API, que pueden cambiar su estructura. Nota: el uso excesivo del tipo any puede llevar a perder los beneficios proporcionados por TypeScript a través de la comprobación y verificación de tipos.

Explica qué es el tipo 'void' en el contexto de las funciones en TypeScript.

El tipo void en TypeScript es un tipo especial devuelto por funciones que no retornan un valor. En la terminología de JavaScript/TypeScript, las funciones que no tienen un tipo de retorno declarado o no tienen una declaración de retorno, devuelven undefined. Este tipo de función se puede declarar utilizando el tipo void.

El tipo void es útil cuando queremos crear una función que tiene como objetivo realizar una acción específica, pero no devolver un valor. Esto se usa frecuentemente para funciones que buscan cambiar el estado de la aplicación o mostrar efectos en la pantalla, como reacciones a eventos de clic.

Ejemplo:

function logMessage(message: string): void {
  console.log(message);
}

La función logMessage toma una cadena como argumento y la muestra en la consola. No devuelve ningún valor. El tipo void define precisamente que no debería devolver ningún valor. Si intentamos devolver algún valor de tal función, TypeScript reportará un error de compilación.

¿Cuáles son las diferencias entre una interfaz y un tipo en TypeScript?

En TypeScript, tanto las interfaces como los tipos cumplen con propósitos similares, pero existen diferencias entre ellos. Resumiré algunas a continuación.

1. Capacidad para declarar tipos de varias formas: Los tipos permiten declaraciones más complejas, por ejemplo, podemos declarar un tipo como una unión, intersección, tipo de tupla, tipos literales, tipos de índice, tipos mapeados, tipos condicionales, etc. Las interfaces no poseen tal flexibilidad.

2. Extensión e implementación: Las interfaces se pueden extender e implementar en clases, lo que puede facilitar la escritura del código. Los tipos no ofrecen tal funcionalidad.

3. Fusión de declaraciones: Las interfaces pueden tener múltiples declaraciones en el mismo ámbito. Todas estas declaraciones se fusionan en una sola interfaz. No se pueden declarar los tipos más de una vez.

Ejemplo de fusión de interfaces:

interface Usuario {
  nombre: string;
}

interface Usuario {
  edad: number;
}

// Ahora la interfaz Usuario incluye los campos nombre y edad

Ejemplo de diferencia al declarar un tipo:

type Usuario = {
  nombre: string;
};

// El compilador generará un error porque los tipos no se pueden declarar más de una vez
type Usuario = {
  edad: number;
};

4. Compatibilidad de tipo estructural: Las interfaces pueden usarse para determinar la compatibilidad de tipo estructural, mientras que los tipos están diseñados para manejar tipos compuestos.

Ejemplos de uso de interfaces y tipos:

interface EjemploInterfaz {
    prop1: string;
}

type EjemploTipo = {
    prop1: string;
    prop2: number;
} | string | number;

Pero ten en cuenta que la elección entre interfaz y tipo depende principalmente del eje o situación. Cada uno tiene sus ventajas y desventajas.

¿Cómo puedes definir un objeto con propiedades y tipos específicos en TypeScript?

En TypeScript, podemos definir un objeto con propiedades y tipos especificados utilizando la llamada interfaz o alias de tipo. Ambos mecanismos se enfocan en verificar la forma que presenta un objeto dado. Sirven para describir la forma de los objetos. Así es cómo se hace:

1. Usando Interface:

interface Person {
    firstName: string;
    lastName: string;
    age: number;
    isEmployed: boolean;
}

let john: Person = {
    firstName: 'John',
    lastName: 'Doe',
    age: 25,
    isEmployed: true
};

2. Usando Type Alias:

type Car = {
    make: string;
    model: string;
    year: number;
}

let myCar: Car = {
    make: 'Toyota',
    model: 'Corolla',
    year: 2020
};

En ambos casos, si queremos asignar un objeto a una variable que no coincide con la forma declarada (por ejemplo, falta un campo o hay uno extra), obtendremos un error de compilación.