Suporte para verificação de tipo estático
Um dos pontos fortes do TypeScript é sua capacidade de executar a verificação de tipo estático. Com esse recurso, podemos definir e aplicar tipos de dados a variáveis, parâmetros de função e valores de retorno.
Por exemplo:
let age: number = 25;
let name: string = "John";
let isActive: boolean = true;
No exemplo acima, declaramos variáveis age de tipo number, name de tipo string e isActive de tipo boolean. TypeScript irá verificar a validade das atribuições e relatar erros se alguma discrepância for encontrada.
Compilador e suporte de automação
TypeScript vem com um compilador poderoso que transpila TypeScript o código em JavaScript código equivalente. Além disso, TypeScript fornece ferramentas de automação para tarefas como correção de erros, formatação de código e verificação de sintaxe, aumentando a produtividade e reduzindo o esforço durante o desenvolvimento.
Por exemplo:
// TypeScript code
const sum =(a: number, b: number): number => {
return a + b;
};
// Transpiled JavaScript code
var sum = function(a, b) {
return a + b;
};
Verificação de erros em tempo de compilação
TypeScript executa a verificação de erros em tempo de compilação, detectando erros lógicos, erros de sintaxe e problemas relacionados ao tipo antes de executar o aplicativo.
Por exemplo:
const calculateArea =(radius: number): number => {
return Math.PI * radius * radius;
};
console.log(calculateArea("5")); // Lỗi: kiểu dữ liệu không phù hợp
No exemplo acima, TypeScript vamos pegar o erro durante a compilação ao passarmos uma string "5" para um parâmetro radius do tipo number.
Module Suporte do sistema
TypeScript suporta um sistema robusto module, permitindo a divisão do código-fonte em módulos independentes. Isso aprimora o gerenciamento de código, a capacidade de reutilização e a escalabilidade.
Por exemplo:
// Module A
export const greeting = "Hello";
// Module B
import { greeting } from "./moduleA";
console.log(greeting); // Kết quả: "Hello"
No exemplo acima, temos dois módulos, moduleA e moduleB. moduleA exporta uma variável greeting, moduleB importa a greeting variável moduleA e a usa.
Sintaxe e recursos estendidos
TypeScript estende a sintaxe e os recursos do JavaScript. Por exemplo, TypeScript oferece suporte aos ECMAScript recursos mais recentes, como funções de seta, async/await, desestruturação e literais de modelo. Isso permite que os desenvolvedores aproveitem recursos modernos e escrevam códigos mais legíveis e compreensíveis.
Por exemplo:
const name = "John";
const message = `Hello, ${name}! Welcome to TypeScript.`;
console.log(message); // Kết quả: "Hello, John! Welcome to TypeScript."
No exemplo acima, usamos literais de modelo para criar uma string que inclua a name variável.
Em resumo, TypeScript possui recursos excelentes, como verificação de tipo estático, suporte a compilador e automação, verificação de erros em tempo de compilação, module suporte ao sistema e sintaxe e recursos estendidos. Esses recursos aprimoram a confiabilidade, o desempenho e o gerenciamento de código durante o desenvolvimento de aplicativos.