5

Hoy en el trabajo me he encontrado con una duda sobre el siguiente código (simplificado):

(function() { console.log("1"); })();
(function() { console.log("2"); }());

Son dos funciones anónimas que se ejecutan automáticamente. El código fue escrito por el mismo desarrollador y, a simple vista, me parece que no hay diferencia entre un método o el otro, pero no sé si eso es correcto.

¿Existen diferencias entre esas dos funciones anónimas? ¿Por qué un mismo desarrollador las usaría de forma diferente?

2
  • 1
    Según esta pregunta en SOen no hay mayor diferencia más allá que simple sintaxis.
    – gugadev
    Commented el 6 feb. 2017 a las 21:26
  • @guzgarcia genial. Pon eso como respuesta (con la información indicada en el enlace) y la acepto
    – Alvaro Montoro
    Commented el 6 feb. 2017 a las 21:53

2 respuestas 2

6

Ambas formas hacen exactamente lo mismo pero el orden en el que se ejecutan los pasos es distinto.

Forma 1

(function() { console.log("1"); })();

En la primera forma tenemos una función, la ponemos entre paréntesis y luego la ejecutamos, de forma simplificada se podría ver así (f)();, siendo f la función.

Forma 2

(function() { console.log("2"); }());

En la segunda forma tenemos la misma función pero ahora no está entre paréntesis antes de ser ejecutada si no que ahora metemos entre paréntesis el resultado después de la ejecución, de forma simplificada se vería así: (f()).

Resumiendo, en la primera forma agrupamos y ejecutamos mientras que en la segunda forma ejecutamos y luego agrupamos.

1

Es mas o menos igual, lo que importa es que empezar una línea con paréntesis, abre sitio a una Expresión, que no es igual que una Sentencia.

 (7==8);//esto es aceptable;
 console.log("compiló, es expresión pero no es función por tanto no auto ejecutable!!");

Pero lo anterior no es auto ejecutable. Una función, es expresión, y también por otro lado es auto ejecutable. La expresión, puede ser anidada siempre que lo que retorne sea una expresión.

Incluso se pueden anidar ilmitadamente:

 (((((((function() { console.log("3"); })))))))();
 (((((((function() { console.log("4"); }())))))));

Incluso los otros paréntesis, del invoker, estan permitidos en cualquier punto de la cadena, siempre que el anidamiento resulte en una expresión autonivocable, debido a que devuelven una función que también es expresión

 ((((((((((((function() { console.log("5"); })))))))())))));

La función al ser expresión puede ser comparada dentro de otra expresión

 (((((function() { console.log("6"); })()==7))));

Así que a grande rasgos, es igual, talvez la opción 2 sea más legible, pero no difieren demasiado

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.