Ejemplos - Objetos y Métodos

Objetos y Métodos

Este ejemplo muestra cómo usar objetos y métodos en TypeScript y su equivalente en JavaScript.

Ejemplo 1

// TypeScript
class Persona {
    nombre: string;
    edad: number;

    constructor(nombre: string, edad: number) {
        this.nombre = nombre;
        this.edad = edad;
    }

    saludar(): void {
        document.body.innerHTML += `
Hola, mi nombre es ${this.nombre} y tengo ${this.edad} años.
`;
    }
}

let persona: Persona = new Persona('Juan', 30);
document.addEventListener("DOMContentLoaded", function() {
    persona.saludar();
});
// JavaScript
class Persona {
    constructor(nombre, edad) {
        this.nombre = nombre;
        this.edad = edad;
    }

    saludar() {
        document.body.innerHTML += `
Hola, mi nombre es ${this.nombre} y tengo ${this.edad} años.
`;
    }
}

let persona = new Persona('Juan', 30);
document.addEventListener("DOMContentLoaded", function() {
    persona.saludar();
});

Ejemplo 2

// TypeScript
class Coche {
    marca: string;
    modelo: string;

    constructor(marca: string, modelo: string) {
        this.marca = marca;
        this.modelo = modelo;
    }

    mostrarInfo(): void {
        document.body.innerHTML += `
Coche: ${this.marca} ${this.modelo}
`;
    }
}

let coche: Coche = new Coche('Toyota', 'Corolla');
document.addEventListener("DOMContentLoaded", function() {
    coche.mostrarInfo();
});
// JavaScript
class Coche {
    constructor(marca, modelo) {
        this.marca = marca;
        this.modelo = modelo;
    }

    mostrarInfo() {
        document.body.innerHTML += `
Coche: ${this.marca} ${this.modelo}
`;
    }
}

let coche = new Coche('Toyota', 'Corolla');
document.addEventListener("DOMContentLoaded", function() {
    coche.mostrarInfo();
});

Ejemplo 3

// TypeScript
class Libro {
    titulo: string;
    autor: string;

    constructor(titulo: string, autor: string) {
        this.titulo = titulo;
        this.autor = autor;
    }

    detalles(): void {
        document.body.innerHTML += `
Libro: "${this.titulo}" por ${this.autor}
`;
    }
}

let libro: Libro = new Libro('1984', 'George Orwell');
document.addEventListener("DOMContentLoaded", function() {
    libro.detalles();
});
// JavaScript
class Libro {
    constructor(titulo, autor) {
        this.titulo = titulo;
        this.autor = autor;
    }

    detalles() {
        document.body.innerHTML += `
Libro: "${this.titulo}" por ${this.autor}
`;
    }
}

let libro = new Libro('1984', 'George Orwell');
document.addEventListener("DOMContentLoaded", function() {
    libro.detalles();
});