Diferencia entre ‘declaración de función’ y ‘expresión de función’ en JavaScript

Las funciones en JavaScript nos permiten realizar un conjunto de acciones, decisiones importantes o cálculos e incluso hacen que nuestro sitio web sea más interactivo. La mayoría de nosotros, entusiastas de la codificación, sabemos qué es una función. Pero, ¿sabemos cuál es la diferencia entre declaraciones de funciones y expresiones de funciones? Este artículo nos permite aprender la diferencia entre ‘declaración de función’ y ‘expresión de función’. La similitud es que ambos usan la función de palabra clave y la diferencia más destacada es que la declaración de la función tiene un nombre de función, mientras que la última no lo tiene.

Declaración de función:

  • Una declaración de función, también conocida como declaración de función, declara una función con una palabra clave de función. La declaración de función debe tener un nombre de función.
  • La declaración de funciones no requiere una asignación de variables, ya que son construcciones independientes y no se pueden anidar dentro de un bloque funcional.
  • Estos se ejecutan antes que cualquier otro código.
  • Se puede acceder a la función en la declaración de la función antes y después de la definición de la función.

Sintaxis:

function geeksforGeeks(paramA, paramB) {
    // Set of statements
}

Expresión de función:

  • Una expresión de función es similar a una declaración de función sin el nombre de función.
  • Las expresiones de función se pueden almacenar en una asignación de variable.
  • Las expresiones de función se cargan y ejecutan solo cuando el intérprete del programa llega a la línea de código.
  • Solo se puede acceder a la función en la declaración de la función después de la definición de la función.

Sintaxis:

var geeksforGeeks= function(paramA, paramB) {
    // Set of statements
}

Ejemplo 1: Declaración de función

El siguiente ejemplo ilustra una declaración de función donde hacemos la suma de dos números.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>Function Declaration</title>
</head>
  
<body>
    <h1 style="color:green">GFG</h1>
    <h2>Function Declaration</h2>
  
    <script>
      
        // Function Declaration
        function geeksforGeeks(paramA, paramB) {
            return paramA + paramB;
        }
  
        var result = geeksforGeeks(5, 5);
        document.write('Sum=', result);
    </script>
</body>
  
</html>

Producción:

Ejemplo 2: expresión de función

El siguiente ejemplo ilustra una expresión de función donde hacemos la suma de dos números.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>Function Declaration</title>
</head>
  
<body>
    <h1 style="color:green">GFG</h1>
    <h2>Function Expression</h2>
  
    <script>
      
        // Function Expression
        var geeksforGeeks = function (paramA, paramB) {
            return paramA + paramB;
        }
  
        var result = geeksforGeeks(5, 5);
        document.write('Sum=', result);
    </script>
</body>
  
</html>

Producción:

Diferencia entre declaración de función y expresión de función:

  Declaración de función Expresión de función
1. Una declaración de función debe tener un nombre de función. Una expresión de función es similar a una declaración de función sin el nombre de función.
2. La declaración de función no requiere una asignación de variable.  Las expresiones de función se pueden almacenar en una asignación de variable.
3. Estos se ejecutan antes que cualquier otro código. Las expresiones de función se cargan y ejecutan solo cuando el intérprete del programa llega a la línea de código.
4. Se puede acceder a la función en la declaración de la función antes y después de la definición de la función. Solo se puede acceder a la función en la declaración de la función después de la definición de la función.
5. Las declaraciones de funciones se elevan Las expresiones de función no se elevan
6. Sintaxis:
function geeksforGeeks(paramA, paramB) {
// Conjunto de sentencias
}
Sintaxis:
var geeksforGeeks= function(paramA, paramB) {
// Conjunto de sentencias
}

Publicación traducida automáticamente

Artículo escrito por rijushree100guha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *