JavaScript | Función Aplicar

El método apply() se usa para escribir métodos, que se pueden usar en diferentes objetos. Es diferente de la función call() porque toma los argumentos como una array.

Sintaxis:

apply()

Valor devuelto: Devuelve los valores del método de una función dada.

Ejemplo 1: Este ejemplo ilustra la función apply() sin argumentos.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript apply() Method
        without argument
    </title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h2>
        JavaScript apply() Method
    </h2>
      
    <h4>
        It displays the details of second student
    </h4>
  
    <p id="GFG"></p>
      
    <!-- Script to use apply() method -->
    <script>
        var student = {
            details: function() {
                return this.name + "<br>" + this.class;
            }
        }
        var stud1 = {
            name:"Dinesh",
            class: "11th",
        }
        var stud2 = {
            name:"Vaibhav",
            class: "11th",
        }
          
        var x = student.details.apply(stud2); 
        document.getElementById("GFG").innerHTML = x; 
    </script>
</body>
  
</html>                    

Producción:

Ejemplo 2: Este ejemplo ilustra la función apply() con argumentos.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript apply() Method
        with argument
    </title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h2>
        JavaScript apply() Method
    </h2>
      
    <h4>
        It displays the details of second student
    </h4>
  
    <p id="GFG"></p>
      
    <!-- Script to use apply() method -->
    <script>
        var student = {
            details: function(section, rollnum) {
                return this.name + "<br>" + this.class
                    + " " + section + "<br>" + rollnum;
            }
        }
        var stud1 = {
            name:"Dinesh",
            class: "11th",
        }
        var stud2 = {
            name:"Vaibhav",
            class: "11th",
        }
          
        var x = student.details.apply(stud2, ["A", "24"]); 
        document.getElementById("GFG").innerHTML = x; 
    </script>
</body>
  
</html>                    

Producción:

Navegador compatible:

  • Chrome 1 y superior
  • Borde 12 y superior
  • Firefox 1 y superior
  • Internet Explorer 5.5 y superior
  • Ópera 4 y superior
  • Safari 1 y superior

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 *