¿Cómo escribir una función en JavaScript?

Introducción: una función es una colección de código reutilizable que se puede invocar desde cualquier lugar de su aplicación. Esto evita la necesidad de escribir el mismo código una y otra vez. Ayuda a los programadores en la creación de código modular. Las funciones permiten a un programador dividir un programa grande en varias funciones más pequeñas y más manejables.

Las funciones son uno de los elementos básicos de construcción de JavaScript. En JavaScript, una función es comparable a un procedimiento (una serie de palabras que realiza una tarea o calcula un valor), pero para que un proceso califique como función, debe aceptar alguna entrada y producir una salida con un vínculo claro entre la entrada y el resultado Para utilizar una función, debe definirse en algún lugar dentro del ámbito desde el que se llamará.

Una definición de función o declaración de función comienza con la palabra clave de función y continúa con lo siguiente.

• Nombre de la función.
• Una lista de argumentos de función contenidos entre paréntesis y separados por comas.
• Las declaraciones están encerradas entre corchetes.

Sintaxis:

function name(arguments)
{
   javascript statements
}

Para llamar a una función en un punto posterior del script, simplemente escriba el nombre de la función. De forma predeterminada, todas las funciones de JavaScript pueden utilizar objetos de argumentos. El valor de cada parámetro se almacena en un objeto de argumentos. El objeto arguments es similar a una array. Se puede acceder a sus valores usando un índice, como una array. Sin embargo, no proporciona métodos de array.  

<script type = "text/javascript">
  function welcome() {
    console.log("welcome to GfG");
  }
  
  // Function calling
  welcome();
</script>

Producción:

welcome to GFG

Una función puede contener uno o más argumentos que envía el código de llamada y se pueden utilizar dentro de la función. Debido a que JavaScript es un lenguaje de programación de tipos dinámicos, un argumento de función puede tener cualquier tipo de datos como valor.

<script type = "text/javascript"> 
  function welcome(name) {
    console.log("Hey "+""+name+" "+"welcome to GfG");
  }
  
  // Passing arguments
  welcome("Rohan");
</script>

Producción:

Hey Rohan welcome to GFG

Una declaración de devolución es una parte opcional de una función de JavaScript. Si desea devolver un valor de una función, debe hacer esto. Esta debería ser la declaración final de una función.

<script type = "text/javascript">
  function welcome() {
      
    // Return statement
    return "Welcome to GfG";
  }
  
  welcome();
</script>

Producción:

Welcome to GFG

Podemos asignar una función a una variable y luego utilizar esa variable como una función en JavaScript. Se conoce como una expresión de función.

<script type = "text/javascript">
  var welcome = function(){
    return "Welcome to GfG";
  }
  
  var gfg = welcome();
  
  console.log(gfg);
</script>

Producción:

Welcome to GFG

1. Función con nombre: una función con nombre es aquella que escribimos en código y luego usamos cuando la necesitamos haciendo referencia a su nombre y proporcionándole algunos parámetros. Las funciones con nombre son útiles cuando necesitamos llamar a una función varias veces para darle varios valores o ejecutarla varias veces.

<script type = "text/javascript">
  function add(a, b){
    return a+b ;
  }
  add(5, 4);
</script>

Producción:

9

2. Función anónima: Podemos definir una función en JavaScript sin darle un nombre. Esta función sin nombre se denomina función anónima. Una variable debe estar asignada a una función anónima.

<script type = "text/javascript">
  var add = function(a, b){
    return a + b;
  }
  add(5, 4);
</script>

Producción:

9

3. Funciones anidadas: una función en JavaScript puede contener una o más funciones internas. Estas funciones anidadas caen dentro del ámbito de la función externa. La función interna tiene acceso a las variables y argumentos de la función externa. Sin embargo, las funciones externas no pueden acceder a las variables declaradas dentro de las funciones internas.

<script type = "text/javascript">
  function msg(firstName) {
    function hey() {
      console.log("Hey " + firstName);
    }
  
    return hey();
  }
  
  msg("Ravi");
</script>

Producción:

Hey Ravi

4. Expresión de función invocada inmediatamente: el navegador ejecuta la expresión de función invocada tan pronto como la detecta. Esta función tiene la ventaja de ejecutarse instantáneamente donde se encuentra en el código y producir una salida directa. Es decir, no se ve afectado por el código que aparece más adelante en la secuencia de comandos y puede ser beneficioso.

<script type = "text/javascript">
  let msg = (function() {
    return "Welcome to GfG" ;
  })();
  msg;
</script>

Producción:

Welcome to GFG