Aquí la tarea es crear funciones anidadas, JavaScript admite funciones anidadas. En los ejemplos que se dan a continuación, la salida que regresa es una combinación de la salida de la función externa e interna (función anidada).
Acercarse:
- Escribe una función dentro de otra función.
- Realice una llamada a la función interna en la instrucción de retorno de la función externa.
- Llámalo diversión(a)(b) donde a es el parámetro de la función exterior yb es la función interior.
- Finalmente, devuelva la salida combinada de la función anidada.
Ejemplo 1: Este ejemplo utiliza el enfoque discutido anteriormente.
<!DOCTYPE HTML>
<html>
<head>
<title>
Nested functions in JavaScript.
</title>
</head>
<body id = "body" style = "text-align:center;">
<h1 style = "color:green;" >
GeeksforGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 15px; font-weight: bold;">
</p>
<button onclick = "GFG_Fun()">
click here
</button>
<p id = "GFG_DOWN"
style = "font-size: 24px;
font-weight: bold;
color: green;">
</p>
<script>
var up = document.getElementById('GFG_UP');
var down = document.getElementById('GFG_DOWN');
up.innerHTML =
"Click on the button to call nested function.";
function fun1(a) {
function fun2(b) {
return a + b;
}
return fun2;
}
function GFG_Fun() {
down.innerHTML =
fun1("A Online Computer Science Portal")
(" GeeksforGeeks");
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 2: este ejemplo utiliza el enfoque discutido anteriormente, pero aquí la función anidada se crea de manera diferente a la anterior.
<!DOCTYPE HTML>
<html>
<head>
<title>
Nested functions in JavaScript.
</title>
</head>
<body id = "body" style = "text-align:center;">
<h1 style = "color:green;" >
GeeksforGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 15px; font-weight: bold;">
</p>
<button onclick = "GFG_Fun()">
click here
</button>
<p id = "GFG_DOWN" style =
"font-size: 24px; font-weight: bold; color: green;">
</p>
<script>
var up = document.getElementById('GFG_UP');
var down = document.getElementById('GFG_DOWN');
up.innerHTML =
"Click on the button to call nested function.";
function fun1(a) {
fun = function fun2(b) {
return a + b;
}
return fun;
}
function GFG_Fun() {
down.innerHTML = fun1("This is ")("GeeksforGeeks");
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
JavaScript es mejor conocido por el desarrollo de páginas web, pero también se usa en una variedad de entornos que no son de navegador. Puede aprender JavaScript desde cero siguiendo este tutorial de JavaScript y ejemplos de JavaScript .
Navegador compatible:
- Google Chrome
- Borde
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA