JavaScript | Métodos de objetos

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *