Saltar a contenido

TypeScript Cheatsheet

Hoja de Referencia de TypeScript

Descripción General

TypeScript es un superconjunto tipado de JavaScript que se compila a JavaScript plano. Ofrece tipado estático opcional, clases e interfaces. TypeScript está diseñado para el desarrollo de aplicaciones grandes y se transcompila a JavaScript.

Características Principales

  • Tipado Estático: Detecta errores en tiempo de compilación en lugar de en tiempo de ejecución.
  • Interfaces: Define contratos para tu código.
  • Clases: Usa características de programación orientada a objetos como clases, herencia y modificadores de acceso.
  • Genéricos: Crea componentes reutilizables que pueden trabajar con una variedad de tipos.

Primeros Pasos

Instalar TypeScript:

npm install -g typescript

Compilar un archivo TypeScript:

tsc my-file.ts

Tipos Básicos

  • boolean: trueo false.
  • number: Todos los números son tipos de punto flotante.
  • string: Datos textuales.
  • array: Un arreglo de valores de un tipo específico.
  • tuple: Un arreglo con un número fijo de elementos de diferentes tipos.
  • enum: Una forma de dar nombres más amigables a conjuntos de valores numéricos.
  • any: Un tipo dinámico que puede ser cualquier cosa.
  • void: La ausencia de cualquier tipo.
  • null`` andundefined**: Subtipos de todos los demás tipos.
  • never: Representa el tipo de valores que nunca ocurren.

Interfaces

interface Person {
  firstName: string;
  lastName: string;
}

function greeter(person: Person) {
  return "Hello, " + person.firstName + " " + person.lastName;
}

let user = { firstName: "Jane", lastName: "User" };

document.body.textContent = greeter(user);

Clases

class Greeter {
  greeting: string;
  constructor(message: string) {
    this.greeting = message;
  }
  greet() {
    return "Hello, " + this.greeting;
  }
}

let greeter = new Greeter("world");

Genéricos

function identity<T>(arg: T): T {
  return arg;
}

let output = identity<string>("myString");

Recursos Adicionales

Would you like me to complete the remaining placeholders or provide more specific translations for the missing sections?https://www.typescriptlang.org/play)