Compatibilidad con comprobación de tipo estático
Uno de los puntos fuertes de TypeScript
es su capacidad para realizar comprobaciones de tipos estáticos. Con esta característica, podemos definir y aplicar tipos de datos a variables, parámetros de funciones y valores devueltos.
Por ejemplo:
let age: number = 25;
let name: string = "John";
let isActive: boolean = true;
En el ejemplo anterior, declaramos variables age
de tipo number
, name
de tipo string
y isActive
de tipo boolean
. TypeScript
comprobará la validez de las asignaciones e informará de los errores si se encuentran discrepancias.
Compatibilidad con compiladores y automatización
TypeScript
viene con un poderoso compilador que transpila TypeScript
código en JavaScript
código equivalente. Además, TypeScript
proporciona herramientas de automatización para tareas como corrección de errores, formato de código y verificación de sintaxis, mejorando la productividad y reduciendo el esfuerzo durante el desarrollo.
Por ejemplo:
// TypeScript code
const sum =(a: number, b: number): number => {
return a + b;
};
// Transpiled JavaScript code
var sum = function(a, b) {
return a + b;
};
Comprobación de errores en tiempo de compilación
TypeScript
realiza la verificación de errores en tiempo de compilación, detecta errores lógicos, errores de sintaxis y problemas relacionados con el tipo antes de ejecutar la aplicación.
Por ejemplo:
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
En el ejemplo anterior, TypeScript
detectará el error durante la compilación cuando pasemos una cadena "5"
a un parámetro radius
de tipo number
.
Module
Soporte del sistema
TypeScript
admite un sistema robusto module
, lo que permite la división del código fuente en módulos independientes. Esto mejora la gestión del código, la reutilización y la escalabilidad.
Por ejemplo:
// Module A
export const greeting = "Hello";
// Module B
import { greeting } from "./moduleA";
console.log(greeting); // Kết quả: "Hello"
En el ejemplo anterior, tenemos dos módulos moduleA
y moduleB
. moduleA
exporta una variable greeting
, moduleB
importa la greeting
variable moduleA
y la usa.
Sintaxis y características extendidas
TypeScript
amplía la sintaxis y las características de JavaScript
. Por ejemplo, TypeScript
admite las ECMAScript
funciones más recientes, como funciones de flecha, asíncrono/espera, desestructuración y literales de plantilla. Esto permite a los desarrolladores aprovechar las funciones modernas y escribir un código más legible y comprensible.
Por ejemplo:
const name = "John";
const message = `Hello, ${name}! Welcome to TypeScript.`;
console.log(message); // Kết quả: "Hello, John! Welcome to TypeScript."
En el ejemplo anterior, usamos literales de plantilla para crear una cadena que incluye la name
variable.
En resumen, TypeScript
tiene características sobresalientes como verificación de tipos estáticos, compilador y soporte de automatización, verificación de errores en tiempo de compilación, module
soporte del sistema y sintaxis y características extendidas. Estas funciones mejoran la confiabilidad, el rendimiento y la gestión de código durante el desarrollo de aplicaciones.