En este artículo, aprenderemos a invocar la función en Javascript, además de comprender su implementación a través de los ejemplos. La invocación de funciones es un proceso para ejecutar el código dentro de la función cuando se pasa algún argumento para invocarlo. Puede invocar una función varias veces declarando la función solo una vez. Cuando se define la función, el código dentro de una función no se ejecutará. Es común usar el término «llamar a una función» en lugar de «invocar una función». Aunque, hay una diferencia entre estos dos términos. Cuando realiza una llamada de función , le está diciendo directamente a la función que se ejecute, mientras que w
functionName();
Aquí, hemos invocado la función, es decir, dejar que se ejecute, llamando a la función directamente.
Sintaxis:
function myFunction( var ) {
return var;
}
myFunction( value );
mifunción
Invocar una función como método:
Podemos definir la función como un 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.
Comprenderemos los conceptos anteriores a través de los ejemplos.
Ejemplo 1: utiliza el
HTML
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Function Invocation</title>
</head>
<body style="text-align:center;">
<h2 style="color:green">GeeksforGeeks</h2>
<p> Function returns the addition of 10 and 15 </p>
<p id="geeks"></p>
<script>
function add(n1, n2) {
return(n1 + n2);
}
document.getElementById("geeks").innerHTML =
window.add(10, 15);
</script>
</body>
</html>
Producción:
Ejemplo 2: Este ejemplo ilustra esta palabra clave para apuntar al objeto actual.
Javascript
<script>
const obj={
first_name:"Steve",
last_name:"smith",
name:function(){
console.log(`Full name : ${this.first_name} ${this.last_name}`);
}
};
obj.name();
</script>
Producción:
Publicación traducida automáticamente
Artículo escrito por nachiketmh7 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA