JavaScript | Invocación de funciones

La invocación de función de JavaScript se utiliza para ejecutar el código de la función y es común usar el término «llamar a una función» en lugar de «invocar una función». El código dentro de una función se ejecuta cuando se invoca la función.

Sintaxis:

  • Invocar una función como función:
    function myFunction( var ) {
        return var;
    }
    myFunction( value );
  • Invocar una función como método:
    var myObject = {
        var : value,
        functionName: function() {
            return this.var;
        }
    }
    myObject.functionName();  

Parámetros: contiene dos parámetros, como se mencionó anteriormente y se describe a continuación:

  • functionName: El método functionName es una función y esta función pertenece al objeto y myObject es el propietario de la función.
  • this: El parámetro this es el objeto que posee el código JavaScript y en este caso el valor de this es myObject.

Ejemplo 1: Este ejemplo usa la función de invocación para sumar dos números.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript Function Invocation
    </title>
</head>
  
<body style="text-align:center;">
      
    <h2>GeeksForGeeks</h2>
          
    <p>
        Function returns the addition
        of 50 and 60
    </p>
          
    <p id="geeks"></p>
      
    <!-- Script to add two numbers -->
    <script>
        function myFunction(a, b) {
            return a + b;
        }
              
        document.getElementById("geeks").innerHTML
                = window.myFunction(50, 60); 
    </script>
</body>
  
</html>                    

Producción:

Ejemplo 2: Este ejemplo utiliza la invocación de funciones para concatenar strings.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript Function Invocation
    </title>
</head>
  
<body style="text-align:center;">
      
    <h2>GeeksForGeeks</h2>
      
    <p>
        myObject.fullName() will return
        GeeksforGeeks
    </p>
      
    <p id="geeks"></p>
      
    <!-- Script to implement Function Invocation -->
    <script>
        var myObject = {
            firstName:"Geeks",
            middleName:"for",
            lastName: "Geeks",
            fullName: function() {
                return this.firstName + this.middleName
                        + this.lastName;
            }
        }
        document.getElementById("geeks").innerHTML
                = myObject.fullName(); 
    </script>
</body>
  
</html>                    

Producción:

Publicación traducida automáticamente

Artículo escrito por rathbhupendra 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 *