Uso de Propiedades Dentro de Métodos
Profundicemos en el uso de los métodos de objetos y exploremos cómo los métodos utilizan la palabra clave this para acceder a las propiedades del objeto.
Acceso a propiedades de objetos en métodos
Dentro de un método, this permite leer o actualizar las propiedades del objeto.
const furniture = {
type: "wardrobe",
manufacturer: "Belgium",
color: "wenge magic",
getInfo() {
console.log(this);
},
};
// Method call
furniture.getInfo(); // Output: {type: 'wardrobe', manufacturer: 'Belgium', color: 'wenge magic', getInfo: ƒ}
En el método getInfo, this se refiere al objeto furniture y representa todo el contenido interno del objeto.
Ejemplo práctico
En los métodos, se pueden acceder a las propiedades del objeto mediante this y luego utilizar la notación de punto para acceder a las propiedades específicas como de costumbre.
En el siguiente ejemplo, los métodos getColor, addProperty y modifyProperty utilizan this para acceder a la propiedad furniture y realizar diversas operaciones.
getColormuestra el color del armario en la consola utilizandothispara referirse a las propiedades del objeto;addPropertyagrega nuevas propiedades al objeto furniture. Recibe dos parámetros:propertyName(el nombre de la nueva propiedad) ypropertyValue(el valor que se asignará a la nueva propiedad);modifyPropertycambia el valor de una propiedad existente en el objetofurniture. Recibe dos parámetros:propertyName(el nombre de la propiedad a modificar) ypropertyValue(el nuevo valor que se asignará a la propiedad).
12345678910111213141516171819202122232425262728const furniture = { type: "wardrobe", manufacturer: "Belgium", color: "wenge magic", getColor() { console.log(this.color); }, addProperty(propertyName, propertyValue) { this[propertyName] = propertyValue; }, modifyProperty(propertyName, propertyValue) { this[propertyName] = propertyValue; }, }; // Access the `color` property of the `furniture` and log it to the console. furniture.getColor(); // Output: wenge magic // Add a new property to the `furniture` object using the `addProperty` method. furniture.addProperty("material", "wood"); console.log(furniture.material); // Output: wood // Modify an existing property using the `modifyProperty` method. furniture.modifyProperty("color", "oak"); console.log(furniture.color); // Output: oak
this garantiza que el método siempre se refiera al objeto correcto, incluso si el método se reutiliza o se copia en otro lugar.
1. ¿A qué se refiere la palabra clave this cuando se utiliza dentro de un método de un objeto?
2. En el siguiente ejemplo proporcionado, ¿cuál es la función del método getFeastPrice en el objeto menu?
3. En el siguiente ejemplo, ¿cómo se accede a la propiedad "cold appetizer" del objeto menu utilizando this?
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Genial!
Completion tasa mejorada a 2.27Uso de Propiedades Dentro de Métodos
Desliza para mostrar el menú
Profundicemos en el uso de los métodos de objetos y exploremos cómo los métodos utilizan la palabra clave this para acceder a las propiedades del objeto.
Acceso a propiedades de objetos en métodos
Dentro de un método, this permite leer o actualizar las propiedades del objeto.
const furniture = {
type: "wardrobe",
manufacturer: "Belgium",
color: "wenge magic",
getInfo() {
console.log(this);
},
};
// Method call
furniture.getInfo(); // Output: {type: 'wardrobe', manufacturer: 'Belgium', color: 'wenge magic', getInfo: ƒ}
En el método getInfo, this se refiere al objeto furniture y representa todo el contenido interno del objeto.
Ejemplo práctico
En los métodos, se pueden acceder a las propiedades del objeto mediante this y luego utilizar la notación de punto para acceder a las propiedades específicas como de costumbre.
En el siguiente ejemplo, los métodos getColor, addProperty y modifyProperty utilizan this para acceder a la propiedad furniture y realizar diversas operaciones.
getColormuestra el color del armario en la consola utilizandothispara referirse a las propiedades del objeto;addPropertyagrega nuevas propiedades al objeto furniture. Recibe dos parámetros:propertyName(el nombre de la nueva propiedad) ypropertyValue(el valor que se asignará a la nueva propiedad);modifyPropertycambia el valor de una propiedad existente en el objetofurniture. Recibe dos parámetros:propertyName(el nombre de la propiedad a modificar) ypropertyValue(el nuevo valor que se asignará a la propiedad).
12345678910111213141516171819202122232425262728const furniture = { type: "wardrobe", manufacturer: "Belgium", color: "wenge magic", getColor() { console.log(this.color); }, addProperty(propertyName, propertyValue) { this[propertyName] = propertyValue; }, modifyProperty(propertyName, propertyValue) { this[propertyName] = propertyValue; }, }; // Access the `color` property of the `furniture` and log it to the console. furniture.getColor(); // Output: wenge magic // Add a new property to the `furniture` object using the `addProperty` method. furniture.addProperty("material", "wood"); console.log(furniture.material); // Output: wood // Modify an existing property using the `modifyProperty` method. furniture.modifyProperty("color", "oak"); console.log(furniture.color); // Output: oak
this garantiza que el método siempre se refiera al objeto correcto, incluso si el método se reutiliza o se copia en otro lugar.
1. ¿A qué se refiere la palabra clave this cuando se utiliza dentro de un método de un objeto?
2. En el siguiente ejemplo proporcionado, ¿cuál es la función del método getFeastPrice en el objeto menu?
3. En el siguiente ejemplo, ¿cómo se accede a la propiedad "cold appetizer" del objeto menu utilizando this?
¡Gracias por tus comentarios!
