Hay una diferencia entre (función() {...}()); y (función() {...})() ;?

Question

Duplicar posibles:
Location of parenthesis for auto-executing anonymous JavaScript functions?

veces veo:

(function() { ... }()); 

y, a veces veo:

(function() { ... })(); 

I ver ambas formas con y sin argumentos. Ellos bothexecute la función anónima.

¿Hay alguna diferencia entre las dos formas? ¿Hay alguna razón convincente para usar una forma sobre la otra?

Answer 1

No hay diferencia práctica en esos dos formas, pero a partir de una gramatical punto de vista la diferencia entre los dos es que The Grouping Operator - los paréntesis - llevará a cabo en el primer ejemplo de un CallExpression, que incluye la FunctionExpression:

 
       CallExpression 
       |   | 
     FunctionExpression | 
       |   | 
       V   V 
    (function() {  }()); 
    ^     ^
    |--PrimaryExpression --| 

En el segundo ejemplo, tenemos en primer lugar toda una CallExpression, que ocupa la FunctionExpression:

 
      PrimaryExpression 
       | 
     FunctionExpression 
       | 
       V 
    (function() {  })(); 
    ^     ^
    |-- CallExpression --| 

Answer 2

No existe diferencia entre los dos, en lo que se refiere al compilador. Sin embargo, encontrará que el estilo (function() {}()) se recomienda en el código JavaScript code conventions de Douglas Crockford.

Answer 3

En cuanto a las diferencias, en realidad es solo azúcar sintáctico. Algo equivalente a: "¿te gusta jQuery() o $()?" Ambos se pueden compilar, ejecutar y usar indistintamente (AFAIK).

A partir de los ejemplos de código que he visto hasta el momento, más personas parecen seguir el código de convenciones Crockford:

(function() { ... }()); 

Personalmente, prefiero la convención (function(){})(); porque es más evidente para mí que la función es auto -executing; También soy un gran usuario de jQuery y esa es la convención utilizada en jQuery source.

Además, se considera una buena práctica utilizar paréntesis para encerrar su función autoejecutable, independientemente de la forma que elija.