Se puede acceder a los métodos de objeto en JavaScript mediante el uso de funciones. Las funciones en JavaScript se almacenan como valores de propiedad. Los objetos también se pueden llamar sin usar corchetes().
- En un método, ‘esto’ se refiere al objeto propietario.
- También se puede agregar información adicional junto con el método del objeto.
Sintaxis:
objectName.methodName()
Propiedades: una función se puede dividir en diferentes valores de propiedad, que luego se combinan y se devuelven juntos.
Por ejemplo: la función de estudiante contiene las propiedades:
- nombre
- clase
- sección
Valor devuelto: Devuelve métodos/funciones almacenados como propiedades del objeto.
Ejemplo 1: Este ejemplo utiliza la definición de función como valor de propiedad.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Object Methods
</title>
</head>
<body>
<h1>Geeks</h1>
<h3>JavaScript Object Method</h3>
<p>
studentDetail is a function definition,
it is stored as a property value.
</p>
<p id="gfg"></p>
<script>
// Object creation
var student = {
name: "Martin",
class : "12th",
section : "A",
studentDetails : function() {
return this.name + " " + this.class
+ " " + this.section + " ";
}
};
// Display object data
document.getElementById("gfg").innerHTML
= student.studentDetails();
</script>
</body>
</html>
Producción:
Ejemplo 2: este ejemplo utiliza el almacenamiento de valores de propiedad y el acceso sin paréntesis().
HTML
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Object Methods
</title>
</head>
<body>
<h1>Geeks</h1>
<h3>JavaScript Object Method</h3>
<p>
studentDetail is a function definition,
it is stored as a property value.
</p>
<p>
Function definition is returned
if we don't use ().
</p>
<p id="gfg"></p>
<script>
// Object creation
var student = {
name: "Martin",
class : "12th",
section : "A",
studentDetails : function() {
return this.name + " " + this.class
+ " " + this.section + " ";
}
};
// Display object data
document.getElementById("gfg").innerHTML
= student.studentDetails;
</script>
</body>
</html>
Producción:
Ejemplo 3: Uso de la definición de función como valor de propiedad y acceso con detalles adicionales.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Object Methods
</title>
</head>
<body>
<h1>Geeks</h1>
<h3>JavaScript Object Method</h3>
<p>
studentDetail is a function definition,
it is stored as a property value.
</p>
<p id="gfg"></p>
<script>
// Object creation
var student = {
name: "Martin",
class : "12th",
section : "A",
studentDetails : function() {
return this.name + " " + this.class
+ " " + this.section + " ";
}
};
// Display object data
document.getElementById("gfg").innerHTML
= "STUDENT " + student.studentDetails();
</script>
</body>
</html>
Producción:
Navegador compatible:
- Google Chrome
- Borde de Microsoft
- Firefox
- safari
Publicación traducida automáticamente
Artículo escrito por riarawal99 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA