Menu
Coddy logo textTech

Agregar métodos a interfaces

Parte de la sección Introducción a TypeScript del Journey de JavaScript de Coddy. Lección 43 de 73.

Las interfaces de TypeScript te permiten definir estos comportamientos al incluir firmas de métodos junto con las definiciones de propiedades.

Una firma de método en una interfaz especifica el nombre de un método, sus parámetros y su tipo de retorno, sin proporcionar la implementación real. Esto crea un contrato que cualquier objeto que cumpla con la interfaz debe satisfacer:

interface Person {
  name: string;
  age: number;
  greet(): string;  // Firma del método
}

let user: Person = {
  name: "Alice",
  age: 30,
  greet() {
    return `Hello, I'm ${this.name}`;
  }
};

La firma del método greet(): string indica a TypeScript que cualquier objeto que implemente la interfaz Person debe tener un método greet que no acepte parámetros y devuelva un string. La implementación real puede variar entre diferentes objetos, pero la firma debe coincidir exactamente.

challenge icon

Desafío

Fácil

Crea una interfaz llamada Calculator con las siguientes propiedades y métodos:

  • brand de tipo string
  • model de tipo string
  • isScientific de tipo boolean
  • método add que recibe dos parámetros number y devuelve un number
  • método getInfo que no recibe parámetros y devuelve un string

Crea una interfaz llamada BankAccount con las siguientes propiedades y métodos:

  • accountNumber de tipo string
  • balance de tipo number
  • isActive de tipo boolean
  • método deposit que recibe un parámetro number y devuelve void
  • método getBalance que no recibe parámetros y devuelve un number

Usando tus interfaces, crea las siguientes variables:

  • Crea una variable llamada myCalculator de tipo Calculator con brand "Casio", model "FX-991EX", isScientific true, un método add que devuelva la suma de sus dos parámetros y un método getInfo que devuelva "[brand] [model]"
  • Crea una variable llamada savingsAccount de tipo BankAccount con accountNumber "SAV-12345", balance 1500, isActive true, un método deposit que sume el parámetro al balance y un método getBalance que devuelva el balance actual

Imprime los siguientes resultados en líneas separadas:

  • Llama al método getInfo en myCalculator e imprime el resultado
  • Llama al método add en myCalculator con los argumentos 15 y 27, e imprime el resultado
  • Llama al método getBalance en savingsAccount e imprime el resultado
  • Llama al método deposit en savingsAccount con el argumento 250
  • Llama de nuevo al método getBalance en savingsAccount e imprime el resultado
  • Imprime la propiedad isScientific de myCalculator
REQUERIDO FORMATO DE SALIDA: [Tu contenido traducido aquí]

Pruébalo tú mismo

// TODO: Escribe tu código aquí
// Crea la interfaz Calculator con las propiedades y métodos requeridos
// Crea la interfaz BankAccount con las propiedades y métodos requeridos
// Crea la variable myCalculator de tipo Calculator
// Crea la variable savingsAccount de tipo BankAccount
// Imprime todas las salidas requeridas
quiz iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Introducción a TypeScript

Practica por tu cuenta: Compilador de JavaScript online