Este tutorial continua nossa série de iniciantes no TypeScript, com base nas introduções anteriores aos recursos do TypeScript, instalação e sugestões de IDE. O segundo tutorial abordou os tipos de dados do TypeScript e seus benefícios de prevenção de erros.

Esta parte se concentra nas interfaces. Exploraremos como as interfaces, como x e Point (com width ) e cuboid Point com ajuda, e com a ajuda, e e lenging] (] e Point with lenging] (] e Point

com ajuda, e

Point

with

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

e

ponto O exemplo cuboid demonstra a especificação de valores para todas as propriedades e usando uma função para calcular o volume.

é crucial observar que as interfaces são um recurso específico do TypeScript, ausente no JavaScript. Compilar o código TypeScript resulta no seguinte JavaScript equivalente: função volumecuboid (cuboid) { deixe volume = cuboid.length * cuboid.width * cuboid.Eight; console.log (`volume: $ {volume}`); } Seja cuboid = {x: -22, y: 28, largura: 12, comprimento: 32, altura: 20}; volumecubóide (cubóide); // volume: 7680

O tutorial também aborda os tipos de interseção, contrastando -os com a extensão da interface. Examinamos como criar um

RoundedRectangle

usando tipos existentes, destacando as diferenças entre a fusão de múltiplas declarações de interface (permitida) e os tipos de redeclaring (resultando em erros).

key takeaways:

Este tutorial fornece uma base nas interfaces do TypeScript, enfatizando seu papel na redação do código robusto. Você aprendeu a criar interfaces com propriedades opcionais e somente leitura e a utilizar assinaturas de índice para adicionar propriedades dinâmicas além da definição inicial da interface. Para uma compreensão mais profunda, consulte a documentação oficial do TypeScript.

O próximo tutorial se aprofundará nas classes de texto.