Curso de JavaScript
Dale vida a la web.
Aprende a programar, crea interacciones y construye proyectos reales.
Un objeto también puede guardar funciones como propiedades: eso se llama un método. Junto con this, te permite darle comportamiento propio a cada objeto.
Explicación
Un método es una función guardada dentro de un objeto, y this te deja acceder a sus otras propiedades:
metodo() {...}Una función guardada dentro de un objeto se llama método. Se declara igual que una función, pero dentro de las llaves del objeto.
thisDentro de un método, this hace referencia al objeto que lo contiene, y te permite acceder a sus otras propiedades.
objeto.propiedad = nuevoValorModifica el valor de una propiedad ya existente (o crea una nueva si no existía).
objeto.metodo()Llama un método igual que cualquier función, pero accediendo primero a través del objeto.
Reto rápido
Cambia producto.precio a 50 y observa que precioFinal() recalcula el descuento automáticamente.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
Usa this dentro de un método para referirte a las propiedades del mismo objeto, en vez de repetir el nombre de la variable: así el método sigue funcionando aunque cambies el nombre del objeto.
Dato extra
Puedes agregar o modificar propiedades de un objeto después de crearlo, incluso si lo declaraste con const: const impide reasignar la variable completa, pero no impide cambiar sus propiedades internas.
Error común
Olvidar this dentro de un método y escribir solo precio en vez de this.precio: JavaScript busca una variable global llamada precio (que no existe) en vez del precio del objeto, y el código lanza un error.
Siguiente paso
Ya sabes agregar comportamiento a un objeto con métodos. Ahora veamos desestructuración: una forma más corta de sacar varias propiedades de un objeto a la vez.
Ir a la siguiente lección