En JavaScript, la función en línea es un tipo especial de función anónima que se asigna a una variable o, en otras palabras, una función anónima con un nombre. JavaScript no admite el concepto tradicional de función en línea como en C o C++ . Por lo tanto, la función anónima y la función en línea son prácticamente las mismas. A diferencia de la función normal, se crean en tiempo de ejecución.
Sintaxis:
- Función:
function func() {
//Your Code Here
}
- Función anónima:
function() {
//Your Code Here
}
- función en línea
var func = function() {
//Your Code Here
};
Explicación:
Hacer una función en línea es realmente simple. Primero, haga una función anónima (una función sin nombre) y luego asígnela a una variable.
Ejemplo:
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<meta http-equiv="X-UA-Compatible"
content="ie=edge">
<title>JS Functions</title>
<!-- jQuery CDN -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous">
</script>
<!-- End of CDN -->
<style>
button {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
font-size: 16px;
margin: 8px 2px;
cursor: pointer;
display: block;
width: 270px;
}
</style>
</head>
<body>
<h1 style="text-align:center;color:green;">GeeksforGeeks</h1>
<p align="center">
<button id="function">function</button>
<button id="anonymous-function">anonymous function</button>
<button id="inline-function">inline function</button>
</p>
<script type="text/javascript">
//function
function func() {
alert("Hello I'm inside function");
}
$('#function').click(func);
//anonymous function
$('#anonymous-function').click(function() {
alert("Hello I'm inside anonymous function");
});
//inline function
var inline_func = function() {
alert("Hello I'm inside inline function");
};
$('#inline-function').click(inline_func);
</script>
</body>
</html>
Producción: 
Al hacer clic en cualquiera de los botones anteriores, se llamará a la función respectiva y aparecerá un mensaje de alerta. Digamos que se hace clic en el botón «función en línea» y aparecerá el siguiente mensaje de alerta.
Publicación traducida automáticamente
Artículo escrito por shubhamr238 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA