Fique por dentro – Concurso de TI! Sintaxe, Recursos e Vantagens Técnicas em Relação ao JavaScript

O TypeScript é uma linguagem de programação desenvolvida pela Microsoft, que estende o JavaScript adicionando recursos como tipagem estática, interfaces, orientação a objetos e verificação em tempo de desenvolvimento. Dizemos que Typescript é um superset de Javascript. Cada vez mais adotado em grandes projetos e frameworks modernos, o TypeScript se consolidou como uma ferramenta popular para o desenvolvimento robusto e escalável

Verificação de TiposDiferente do JavaScript, que é fracamente tipado e só verifica os tipos de dados em tempo de execução, o TypeScript aplica tipagem estática e realiza a verificação de tipos em tempo de compilação. Isso reduz significativamente erros comuns como atribuição indevida de tipos e chamadas de função com parâmetros

A verificação antecipada melhora a manutenção do código e fornece segurança durante o desenvolvimento.

Transpilação para JavaScript

O TypeScript não é executado diretamente pelo navegador ou pelo Node.js. Ele deve ser transpilado para JavaScript utilizando o compilador tsc. Esse processo converte o código TypeScript em JavaScript equivalente, compatível com ambientes de execução padrão.

tsc arquivo.ts

O resultado será um arquivo.js, com a lógica intacta, porém sem as anotações de tipo.

Inferência de Tipos

O TypeScript possui inferência de tipos, ou seja, mesmo que o tipo não seja explicitamente declarado, o compilador pode deduzir o tipo com base no valor atribuído:

Esse recurso permite maior produtividade sem abrir mão da segurança de tipos.

Tipos de Dados Comuns

O TypeScript oferece suporte explícito a tipos primitivos:

Criando Objetos com Tipagem

Objetos em TypeScript podem ter seus tipos definidos por anotação direta:

A tentativa de adicionar ou omitir propriedades resultará em erro, o que melhora a previsibilidade do código.

Interfaces

Interfaces definem contratos de estrutura para objetos. São úteis para padronizar formatos e facilitar refatorações.

Interfaces também podem ser estendidas (extends).

O TypeScript implementa classes com suporte a modificadores public, private, protected e readonly, permitindo encapsulamento real, diferente do JavaScript até a versão ES6.

Union Types ( | )

Pipe, caractere do Union type permite que uma variável aceite mais de um tipo:

Declaração de Funções

Funções podem ter tipos declarados para parâmetros e retorno:

Enums

Os enum criam conjuntos de constantes nomeadas, úteis para representar estados fixos:

Também há suporte para enums de string:

Generics

Permitem criar componentes e funções reutilizáveis com segurança de tipo:

O uso de generics evita duplicação de código, mantendo a robustez da tipagem.

Frameworks que Utilizam TypeScript

O TypeScript é nativamente utilizado por diversos frameworks modernos:

• Angular: o core é escrito em TypeScript, exigido em todos os projetos.
• NestJS: framework para APIs Node.js baseado em TypeScript com orientação a objetos.
• React: embora não obrigatório, o uso de TypeScript melhora a tipagem de props, estados e hooks.
• Vue 3: oferece suporte completo via Composition API com TypeScript.

A integração com essas tecnologias promove maior produtividade e qualidade de código.

Conclusão

O TypeScript representa uma evolução natural do JavaScript, trazendo tipagem estática, orientação a objetos real, verificação em tempo de compilação e recursos avançados como generics e enums. Em projetos de médio e grande porte, o TypeScript proporciona mais segurança, legibilidade e facilidade de manutenção. Sua adoção em frameworks modernos e sua presença crescente em concursos públicos de TI confirmam sua relevância no mercado atual.

Vamos praticar

(2023) FCC – 2023 – TRT – 18ª Região (GO) – Analista Judiciário – Área: Apoio Especializado – Tecnologia da Informação

Considere a estrutura string abaixo, criada com TypeScript, em condições ideais.

A instrução usada na lacuna I para declarar esta estrutura é

• A) class
• B) array
• C) object
• D) enum
• E) struct

Responsta: D. Estrutura de um ENUM(Enumeration) de string. 

(2024) Quadrix – IBICT – Tecnologista – Tecnologia da Informação

No que diz respeito ao Bootstrap, ao TypeScript e ao Angular, versão 1, julgue o item.

Uma característica do TypeScript é o suporte a tipos estáticos, isto é, as variáveis, os parâmetros de função e os valores de retorno de função têm tipos definidos em tempo de compilação.

Resposta: Verdadeiro

O TypeScript é uma linguagem de programação baseada em JavaScript, que adiciona tipagem estática. Isso significa que é possível definir, de forma explícita, tipos para variáveis, parâmetros de função e valores de retorno.Esses tipos são verificados em tempo de compilação pelo compilador tsc, o que ajuda a detectar erros antes da execução.Esse comportamento é o que caracteriza a tipagem estática, ao contrário da tipagem dinâmica do JavaScript.

(2023) FUNDATEC – PROCERGS – ANC – Analista em Computação – Ênfase em Desenvolvimento Front-End

Sobre a linguagem de programação Typescript, é INCORRETO afirmar que: 

• A) É um superconjunto da linguagem de programação Javascript, projetada para adicionar recursos de orientação a objetos. 
• B) Pode ser executada em qualquer ambiente que suporte Javascript, uma vez que sua compilação é baseada nesta linguagem. 
• C) É baseada em tipagem dinâmica, que avalia os tipos de dados em tempo de execução trazendo maior versatilidade. 
• D) Inclui recursos de suporte a classes, interfaces e genéricos, que auxiliam no desenvolvimento modular e na reutilização de código. 
• E) É a linguagem de programação usada em frameworks populares como o Angular e o React.

Resposta: C, incorreta. 

• A) Correto. TypeScript é de fato um superconjunto do JavaScript. Ele adiciona recursos como classes, interfaces, herança, entre outros típicos da orientação a objetos.
• B) Correto. TypeScript não é executado diretamente. Ele é transpilado para JavaScript, o qual pode ser executado em navegadores e ambientes como Node
• C) Incorreto. Essa afirmação contraria a essência do TypeScript. Ele é baseado em tipagem estática, ou seja, os tipos são avaliados em tempo de compilação, e não em tempo de execução.
  Quem possui tipagem dinâmica é o JavaScript.
• D) Correto. Esses são recursos nativos do TypeScript, voltados para criar código mais robusto, reutilizável e bem estruturado, com suporte a POO e tipagem avançada.
• E) Correto. O Angular é escrito nativamente em TypeScript. O React é baseado em JavaScript, mas o uso de TypeScript com ele é amplamente adotado para maior segurança e produtividade.

(2025) CESPE / CEBRASPE – 2025 – TRF – 6ª REGIÃO – Analista Judiciário – Área: Apoio Especializado – Especialidade: Análise de Sistemas de Informação

Em relação à programação web, julgue o item subsequente.

Assim como no JavaScript, erros de tipagem de variáveis no TypeScript somente são identificados em tempo de execução do código.

Resposta:Falsa

 JavaScript possui tipagem dinâmica, ou seja, os tipos são verificados somente em tempo de execução. Isso significa que você pode atribuir diferentes tipos à mesma variável sem erro até o momento da execução.

TypeScript, por outro lado, é uma linguagem com tipagem estática e verificação de tipos em tempo de compilação. Isso quer dizer que erros de tipagem (por exemplo, atribuir um string onde se espera um number) são detectados antes de o código ser executado, durante o processo de compilação com tsc.