CORE Code School

Introducción a Typescript

6 minutos

Typescript es un lenguaje de programación de código abierto que es una extensión de Javascript. Fue desarrollado por Microsoft y está diseñado para ayudar a los desarrolladores a escribir código más seguro y escalable.

🤔 ¿Cómo funciona?

Una de sus principales características es que Typescript se compila en Javascript y se puede usar en cualquier lugar donde se use Javascript.

Aquí puedes observar un código en Javascript:

js
let mascotas = ["Manchas", "Garfield", "Júpiter"];

function saludar(nombre) {
  console.log(`Hola ${nombre}`);
}

saludar(mascotas[0]); // Hola Manchas

Este script puede ejecutarse exitosamente en Typescript ya que se puede ejecutar cualquier código de Javascript, pero no viceversa:

ts
let mascotas = ["Garfield", "Venus"];

function saludar(nombre) {
  console.log(`Hola ${nombre}`);
}

saludar(mascotas[0]); // Hola Garfield

🔑 Tipos en Typescript

Typescript se basa en el concepto de tipos, lo que significa que cada valor tiene un tipo asociado que se puede verificar en tiempo de compilación. Esto permite a los desarrolladores detectar errores de tipo antes de tiempo y evitar errores en tiempo de ejecución.

Ejemplo de type:

ts
type Cliente = number;
type Persona = string;

// Incluso se puede unir tipos
type Sujeto = Persona | Cliente;

let sujeto1: Sujeto = "Elizabeth";

🔨 Interfaces en Typescript

Además de los tipos, Typescript también utiliza interfaces. Las interfaces permiten definir la forma que debe tener un objeto. Esto ayuda a los desarrolladores a escribir código más limpio y más fácil de mantener.

Ejemplo de interface:

ts
interface Estudiante {
  nombre: string;
  edad: number;
}

let estudiante1: Estudiante = {
  nombre: "Luis",
  edad: 25,
};

🤠 ¿Por qué usar Typescript?

Aunque Javascript es un lenguaje de programación muy popular, tiene algunas limitaciones. Una de las limitaciones más importantes es que es un lenguaje dinámicamente tipado, lo que significa que los errores de tipo solo se pueden detectar en tiempo de ejecución. Esto puede hacer que sea más difícil detectar errores y depurar código.

Typescript resuelve este problema al permitir la verificación de tipos en tiempo de compilación. Esto significa que los desarrolladores pueden detectar errores de tipo antes de tiempo, lo que reduce el número de errores y hace que el código sea más fácil de mantener.

Ejemplo de error en Javascript:

js
function multiplicar(num1, num2) {
  return num1 * num2;
}

multiplicar("Hola", 4); //NaN

Solucionas con Typescript verificando que tipos de datos va a tener los parámetros y el retorno de la función:

ts
function multiplicar(num1: number, num2: number): number {
  return num1 * num2;
}

multiplicar(10, 4); // 40

Otra ventaja de Typescript, como se indica previamente, es que es compatible con Javascript. Esto significa que los desarrolladores pueden utilizar Typescript en proyectos existentes sin tener que reescribir todo el código.

🦺 Casos de uso

Typescript se utiliza en una variedad de proyectos, desde aplicaciones web hasta aplicaciones móviles y de escritorio.

Algunos casos de uso comunes incluyen:

  • 🎯 Aplicaciones web de gran escala, ejemplo: Amazon.
  • ⚙ Bibliotecas y marcos de trabajo , ejemplo: React.
  • 📱 Aplicaciones móviles y de escritorio, ejemplo: Facebook, Instagram.
  • 🎮 Videojuegos, ejemplo: Juegos de plataformas 2D, Tetris.

Si estás interesado en mejorar tu experiencia de desarrollo, definitivamente deberías considerar aprender Typescript.

Bootcamp Desarrollo Web FullStack