Este tutorial continúa nuestra serie TypeScript Beginner, basándose en presentaciones anteriores a las características de TypeScript, la instalación y las sugerencias IDE. El segundo tutorial cubrió los tipos de datos TypeScript y sus beneficios de prevención de errores.

Esta parte se centra en las interfaces. Exploraremos cómo interfaces, como x y punto (con width ), y cuboid (extendiendo punto con longitud y altura ), ayuda de punto define [&] con longitud y

altura

), ayuda de punto define

con

function volumeCuboid(cuboid) {
    let volume = cuboid.length * cuboid.width * cuboid.height;
    console.log(`Volume: ${volume}`);
}

let cuboid = { x: -22, y: 28, width: 12, length: 32, height: 20 };

volumeCuboid(cuboid);
// Volume: 7680

y

altura ), ayuda de objetos definos. El ejemplo cuboid

demuestra valores de especificación para todas las propiedades y usando una función para calcular el volumen.

Es crucial tener en cuenta que las interfaces son una característica específica de TypeScript, ausente en JavaScript. Compilar el código TypeScript da como resultado el siguiente equivalente de JavaScript:

function volumeCuboid (cuboid) { dejar volumen = cuboid.length * cuboid.width * cuboid.height; console.log (`volumen: $ {volumen}`); } Sea cuboid = {x: -22, y: 28, ancho: 12, longitud: 32, altura: 20}; volumecuboide (cuboide); // volumen: 7680

El tutorial también toca los tipos de intersección, contrastándolos con la extensión de la interfaz. Examinamos cómo crear un

redondeedRectangle

usando los tipos existentes, destacando las diferencias entre fusionar las declaraciones de interfaz múltiple (permitido) y la redeclaridad (resulta en errores).

key takeaways:

Este tutorial proporciona una base en las interfaces de TypeScript, enfatizando su papel en la redacción del código robusto. Ha aprendido a crear interfaces con propiedades opcionales y de solo lectura, y a utilizar firmas de índice para agregar propiedades dinámicas más allá de la definición de interfaz inicial. Para una comprensión más profunda, consulte la documentación de TyeScript oficial. El siguiente tutorial profundizará en las clases de typescript.