Función declarada VS función expresada en Javascript

Veamos un ejm de la sintaxis utilizada en funciones declaradas y expresadas en Javascript. Lo que va a hacer nuestro código es leer el número de caracteres que tiene nuestra cadena, si no le pasamos ninguno nos dirá en nuestra consola que no tiene ningún carácter. Para ver el ejercicios tenemos que pinchar con el botón derecho en nuestro navegador, ir a propiedades y ver la pantalla de la consola.

Ejm de función declarada

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Curso 34 - Ejercicios de lógica de programación</title>
  </head>

  <body>
    <h1>Ejercicios de lógica de programación</h1>
    <script>
      function contarCaracteres2(cadena2) {
        if (!cadena2) {
          console.log("No ingresaste ninguna cadena");
        } else {
          console.log(
            `La cadena "${cadena2}" tiene ${cadena2.length} caracteres`
          );
        }
      }
      contarCaracteres2();
      contarCaracteres2("Hola mundo");
    </script>
  </body>
</html>

Ejm de función expresada (la función expresada la guardamos en una variable)

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Curso 34 - Ejercicios de lógica de programación</title>
  </head>

  <body>
    <h1>Ejercicios de lógica de programación</h1>
    <script>
      const contarCaracteres = (cadena = "") =>
        !cadena
          ? console.warn("No ingresaste nada")
          : console.info(
              `La cadena "${cadena}" tiene ${cadena.length} caracteres`
            );
      contarCaracteres();
      contarCaracteres("Hola mundo");
    </script>
  </body>
</html>
Scroll al inicio