Flashcards de TypeScript

Patrocinador de categoria

TypeScript é um superset de JavaScript com tipagem estática criado por Anders Hejlsberg na Microsoft. É uma linguagem desenhada para aumentar a produtividade e melhorar a qualidade do código em grandes aplicações. O TypeScript é caracterizado por um sistema de tipos rico e funcionalidades linguísticas avançadas, permitindo a detecção de erros em tempo de compilação e um melhor suporte para ferramentas de desenvolvimento. Esta linguagem oferece funcionalidades como interfaces, generics e decoradores, proporcionando aos desenvolvedores ferramentas para criar código mais legível e manutenível. O TypeScript também suporta total compatibilidade com JavaScript e adoção gradual em projetos existentes, mantendo o desempenho e facilitando o uso do ecossistema JavaScript.

A nossa aplicação de flashcards inclui perguntas de entrevista sobre TypeScript cuidadosamente selecionadas com respostas abrangentes que o prepararão eficazmente para qualquer entrevista que exija conhecimento de TypeScript. IT Flashcards não é apenas uma ferramenta para quem procura emprego - é uma excelente maneira de reforçar e testar o seu conhecimento, independentemente dos seus planos de carreira atuais. O uso regular da aplicação ajudará a manter-se atualizado com as últimas tendências de TypeScript e manter as suas competências num nível elevado.

Exemplos de flashcards de TypeScript da nossa aplicação

Baixe nosso aplicativo na App Store ou Google Play para obter mais flashcards gratuitos ou assine para ter acesso a todos os flashcards.

O que é o tipo 'any' em TypeScript e quando é recomendado o seu uso?

O tipo any no TypeScript é um tipo dinâmico que pode representar qualquer tipo de dado. O uso do tipo any nos permite evitar a verificação de tipo durante a compilação, e pode ser tratado de forma semelhante ao tipo dinâmico em outras linguagens de programação, como o JavaScript.

Aqui está um exemplo de uso do tipo any no TypeScript:

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

Embora o uso do tipo any seja conveniente, não é recomendado se conhecemos a estrutura de dados. A principal vantagem do TypeScript sobre o JavaScript é que o TypeScript introduz a tipagem estática, que ajuda na detecção de erros durante a compilação.

O uso do tipo any deve, portanto, ser limitado a situações onde não somos capazes de determinar um tipo específico. Por exemplo, pode ser necessário ao lidar com dados dinâmicos, como dados de API, que podem mudar sua estrutura. Nota - o uso excessivo do tipo any pode levar à perda dos benefícios fornecidos pelo TypeScript através da verificação e validação de tipos.

Explique o que é o tipo 'void' no contexto de funções em TypeScript.

O tipo void em TypeScript é um tipo especial retornado por funções que não retornam um valor. Na terminologia JavaScript / TypeScript, funções que não têm um tipo de retorno declarado ou não têm uma declaração de retorno, retornam undefined. Tal tipo de função pode ser declarado usando o tipo void.

O tipo void é útil quando queremos criar uma função que se destina a executar uma ação específica, mas não retorna um valor. Isso é frequentemente usado para funções destinadas a alterar o estado do aplicativo ou exibir efeitos na tela, como reações a eventos de clique.

Exemplo:

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

A função logMessage recebe uma string como argumento e a exibe no console. Ela não retorna nenhum valor. O tipo void define precisamente que ela não deve retornar nenhum valor. Se tentarmos retornar algum valor de tal função, o TypeScript reportará um erro de compilação.

Quais são as diferenças entre uma interface e um tipo em TypeScript?

Em TypeScript, tanto as interfaces como os tipos têm propósitos semelhantes, mas existem diferenças entre eles. Eu vou destacar algumas abaixo.

1. Capacidade de declarar tipos de várias maneiras: Os tipos permitem declarações mais complexas, por exemplo, podemos declarar um tipo como uma união, interseção, tipo tupla, tipos literais, tipos de índice, tipos mapeados, tipos condicionais, etc. As interfaces não possuem essa flexibilidade.

2. Extensão e implementação: As interfaces podem ser estendidas e implementadas para classes, o que pode facilitar a escrita do código. Os tipos, por outro lado, não fornecem essa funcionalidade.

3. Fusão de declarações: As interfaces podem ter várias declarações num único escopo. Todas essas declarações são fundidas numa única interface. Os tipos não podem ser declarados mais do que uma vez.

Exemplo de fusão de interface:

interface User {
  name: string;
}

interface User {
  age: number;
}

// Agora a interface User inclui os campos name e age

Exemplo de uma diferença ao declarar um tipo:

type User = {
  name: string;
};

// O compilador irá gerar um erro porque os tipos não podem ser declarados mais do que uma vez
type User = {
  age: number;
};

4. Compatibilidade de tipo estrutural: As interfaces podem ser usadas para determinar a compatibilidade de tipos estruturais, enquanto os tipos são projetados para lidar com tipos compostos.

Exemplos de uso de interfaces e tipos:

interface ExampleInterface {
    prop1: string;
}

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

Mas tenha em mente que a escolha entre interface e tipo depende principalmente do eixo ou situação. Cada um tem seus prós e contras.

Como pode definir um objeto com propriedades e tipos específicos em TypeScript?

Em TypeScript, podemos definir um objeto com propriedades e tipos especificados usando a chamada interface ou alias de tipo. Ambos os mecanismos focam em verificar a forma que um objeto dado apresenta. Eles servem para descrever a forma dos objetos. Eis como se faz:

1. Usando Interface:

interface Pessoa {
    nome: string;
    sobrenome: string;
    idade: number;
    éEmpregado: boolean;
}

let john: Pessoa = {
    nome: 'John',
    sobrenome: 'Doe',
    idade: 25,
    éEmpregado: true
};

2. Usando Alias de Tipo:

type Carro = {
    marca: string;
    modelo: string;
    ano: number;
}

let meuCarro: Carro = {
    marca: 'Toyota',
    modelo: 'Corolla',
    ano: 2020
};

Em ambos os casos, se quisermos atribuir um objeto a uma variável que não concorda com a forma declarada (por exemplo, um campo está faltando ou um extra), receberemos um erro de compilação.