Agregar métodos a los objetos
Parte de la sección Programación Orientada a Objetos del Journey de JavaScript de Coddy — lección 2 de 56.
Los objetos en JavaScript pueden contener no solo propiedades de datos, sino también métodos: funciones que pertenecen al objeto.
Crea un objeto simple con una propiedad:
const person = {
name: "John"
};Añade un método al objeto:
const person = {
name: "John",
greet: function() {
return "Hello!";
}
};Llama al método:
person.greet(); // Devuelve "Hello!"También puedes usar la sintaxis abreviada introducida en ES6:
const person = {
name: "John",
greet() {
return "Hello!";
}
};
Desafío
Agrega un método add al objeto calculator que tome dos números y devuelva su suma.
Ejemplo de uso:
calculator.add(5, 3); <i>// devuelve 8</i>
Hoja de referencia
Los objetos en JavaScript pueden contener métodos: funciones que pertenecen al objeto.
Añadir un método a un objeto:
const person = {
name: "John",
greet: function() {
return "Hello!";
}
};Llamar al método:
person.greet(); // Devuelve "Hello!"Sintaxis abreviada de ES6 para métodos:
const person = {
name: "John",
greet() {
return "Hello!";
}
};Pruébalo tú mismo
let a = parseInt(inp[0]); // No cambies esta línea
let b = parseInt(inp[1]); // No cambies esta línea
// El objeto calculator ya existe
const calculator = {
// TODO: Agrega el método 'add' aquí que reciba dos números y devuelva su suma
};
console.log(calculator.add(a, b));
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Programación Orientada a Objetos
1Objetos y la palabra clave this
Repaso rápido: ObjetosAgregar métodos a los objetosEntendiendo la palabra clave thisFunciones constructorasLa palabra clave newDesafío de repaso7Herencia y la palabra clave extends
HerenciaLa relación "es-un"La palabra clave extendsEl método super()Heredar propiedades y métodosDesafío de repaso13Composición vs. Herencia
La relación "tiene-un" vs. "es-un"Los límites de la herencia profundaConstrucción de objetos2Organización del código
¿Qué son los módulos?Exportar con exportImportar con importExportaciones por defecto vs. nombradas5Encapsulamiento y Acceso
EncapsulamientoCampos de clase públicos y privadosMétodos privadosDesafío de repaso8Organización del código OOP
Organizar clases en módulos11Proyecto: Un renderizador de figuras
Configuración: Clase Figura y exportaciónHerencia de la clase Círculo
Sobrescritura y método de áreaContador de figuras estático14Sistema de Gestión de Biblioteca
Diseño de la BibliotecaClase Libro con ComposiciónValidación del Autor del Libro9Métodos y propiedades estáticos
Nivel de clase vs. Nivel de instanciaPropiedades estáticasMétodos de utilidad estáticosDesafío de repaso