Los parámetros de función son los nombres que se definen en la definición de función y los valores reales que se pasan a la función en la definición de función se conocen como argumentos.
Sintaxis:
function Name(paramet1, paramet2, paramet3,paramet4) {
// Statements
}
Reglas de parámetros:
- No es necesario especificar el tipo de datos para los parámetros en las definiciones de funciones de JavaScript.
- No realiza la verificación de tipos en función de la función de JavaScript pasada.
- No comprueba el número de argumentos recibidos.
Parámetros:
- Nombre: Se utiliza para especificar el nombre de la función.
- Argumentos: Se proporciona en el campo de argumento de la función.
Ejemplo: este ejemplo utiliza parámetros de función de JavaScript y encuentra el número más grande.
<!DOCTYPE html>
<html>
<head>
<title>
Function Parameters and Arguments
</title>
</head>
<body style="text-align:center;">
<h2>GeeksForGeeks</h2>
<p>Finding the largest number : (4, 50, 6)</p>
<p id="geeks"></p>
<script>
function GFG( var1, var2, var3 ) {
if( var1 > var2 ) {
if( var1 > var3 ) {
return var1;
}
else {
return var3;
}
}
else {
if( var2 > var3 ) {
return var2;
}
else {
return var3;
}
}
}
document.getElementById("geeks").innerHTML
= GFG(4, 50, 6);
</script>
</body>
</html>
Producción:
Parámetro predeterminado: los parámetros predeterminados se utilizan para inicializar los parámetros nombrados con valores predeterminados en caso de que no se pase ningún valor o no esté definido.
Sintaxis:
function Name(paramet1 = value1, paramet2 = value2 .. .) {
// statements
}
Ejemplo: este ejemplo utiliza parámetros predeterminados y realiza la multiplicación de números.
<!DOCTYPE html>
<html>
<head>
<title>
Function Parameters and Arguments
</title>
</head>
<body style="text-align:center;">
<h2>GeeksForGeeks</h2>
<p>GFG Function multiply : </p>
<p id="geeks"></p>
<script>
function GFG(num1, num2 = 2) {
return num1 * num2;
}
document.getElementById("geeks").innerHTML
= GFG(4);
</script>
</body>
</html>
Producción:
Objeto de argumentos: el objeto de argumentos es un objeto incorporado en las funciones de JavaScript. En todas las funciones que no son de flecha, el objeto de argumentos es una variable local. Analice los argumentos dentro de la función usando su objeto arguments.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
Function Parameters and Arguments
</title>
</head>
<body style="text-align:center;">
<h2>GeeksForGeeks</h2>
<p>
Finding the largest number in :
(10, 12, 500, 5, 440, 45)
</p>
<p id="geeks"></p>
<script>
function GFG() {
var i;
var maxnum = -Infinity;
for(i = 0; i < arguments.length; i++) {
if (arguments[i] > maxnum) {
maxnum = arguments[i];
}
}
return maxnum;
}
document.getElementById("geeks").innerHTML
= GFG(10, 12, 500, 5, 440, 45);
</script>
</body>
</html>
Producción:
Los argumentos pasan por valor: en una llamada de función, los parámetros se llaman como argumentos. El paso por valor envía el valor de la variable a la función. No envía la dirección de la variable. Si la función cambia el valor de los argumentos, entonces no afecta el valor original.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
Arguments are Passed by Value
</title>
</head>
<body style="text-align:center;">
<h1>GeeksForGeeks</h1>
<p id="geeks"></p>
<!-- Script to illustrate the use of arguments
passed by value -->
<script>
/* Function definition */
function GeeksForGeeks(var1, var2) {
document.write("Inside the GeeksForGeeks function");
document.write('<br/>');
var1 = 100;
var2 = 200;
/* Display the value of variable inside function */
document.write("var1 =" + var1 +" var2 =" +var2);
document.write('<br/>');
}
var1 = 10;
var2 = 20;
/* The value of variable before Function call */
document.write("Before function calling");
document.write('<br/>');
document.write("var1 =" + var1 +" var2 =" +var2);
document.write('<br/>');
/* Function call */
GeeksForGeeks(var1,var2);
/* The value of variable after Function call */
document.write("After function calling");
document.write('<br/>');
document.write("var1 =" + var1 +" var2 =" +var2);
document.write('<br/>');
</script>
</body>
</html>
Producción:
Objetos pasados por Referencia: En Objetos Pasados por Referencia, pasando la dirección de la variable en lugar del valor como argumento para llamar a la Función. Si cambiamos el valor de la variable dentro de la función, afectará a las variables de la función externa.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
Arguments are Passed by Value
</title>
</head>
<body style="text-align:center;">
<h1>GeeksForGeeks</h1>
<p id="geeks"></p>
<script>
function GeeksForGeeks(varObj) {
document.write("Inside GeeksForGeeks function");
document.write('<br/>');
varObj.a = 100;
document.write(varObj.a);
document.write('<br/>');
}
// Create object
varObj = {a:1};
/* Display value of object before function call */
document.write("Before function calling");
document.write('<br/>');
document.write(varObj.a);
document.write('<br/>');
/* Function calling */
GeeksForGeeks(varObj)
/* Display value of object after function call */
document.write("After function calling");
document.write('<br/>');
document.write(varObj.a);
</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