Uso de paréntesis en el llamado de Funciones en JavaScript

Uso de paréntesis en el llamado de Funciones

Generalmente se invoca una función con argumentos o con paréntesis vacíos, así:

var resultado = pedido();

Si los argumentos fueran requeridos en la función, esto se vería de la siguiente manera:

var resultado = pedido(tipo,cantidad);

La omisión de los paréntesis para llamar una función, puede resultar en alguna acción diferente de lo que usted en realidad desea. Llamar una función sin paréntesis, resulta en el retorno del "nombre de función" en lugar de lo que se supone que la función tiene que retornar. Ya que en realidad, la función no se ejecuta como tal.

Veamos el siguiente ejemplo.

<!DOCTYPE html>
<html lang="es">
    <head>
        <title>Funci&ocute;nPedido</title>
        <meta charset="utf-8" />
        <script type="text/javascript">
            function pedido() {
                var total = 0;
                // LLamar otra función para pedir orden
                return total;
            }
        </script>
    </head>
    <body>
        <script type="text/javascript">
            var result = pedido();
            alert("El total de pedido es: " + result);
        </script>
    </body>
</html>

Cuando se ejecuta este código, llama a la función pedido(). La función pedido() invoca otra función (no mostrada) para realizar un pedido. Luego se calcula el total y envía el valor de nuevo al interprete.

Al correr el código verá:

Una ligera modificación al código, (eliminar los paréntesis), cambia todo el resultado:

Los paréntesis se han eliminado en la siguiente línea:

var result = pedido;

El código completo sería el siguiente

<!DOCTYPE html>
<html lang="es">
    <head>
        <title>Funci&ocute;nPedido</title>
        <meta charset="utf-8" />
        <script type="text/javascript">
            function pedido() {
                var total = 0;
                // LLamar otra función para pedir orden
                return total;
            }
        </script>
    </head>
    <body>
        <script type="text/javascript">
            var result = pedido;
            alert("El total de pedido es: " + result);
        </script>
    </body>
</html>

Lo que veremos será:

Independientemente de si una función devuelve un valor o no acepta ningún argumento, para el llamando a la función, el uso de paréntesis para ejecutar su código es importante.