¿Por qué/dónde/cuándo debería hacer esto? (Incluir código js dentro de una función y luego ejecutarlo)

Question

Duplicar posible:
JavaScript scope and closure

Para qué es esto?

(function(){ 
    //The code to be executed 
})(); 

Además, tiene algo que ver con los cierres?

Answer 1

Lo he visto a menudo recientemente. Supongo que:

No hay necesidad de nombrar la función. Implica que no es reutilizable. Esto le da un alcance local para declarar variables usando var (de lo contrario, las agregaría a global).

Answer 2

Es un closure y anonymous function - conceptos clave en Javascript. Javascript no tiene propiedades o campos privados "verdaderos", pero con un cierre puede crear esencialmente el equivalente. Son un medio muy importante de organizar JS.

Un punto crítico en esta muestra es la (); al final del código - la adición de estos paréntesis indica Javascript para ejecutar el código inmediatamente - inicializar efectivamente todo lo que se encuentra dentro.

http://www.jibbering.com/faq/notes/closures/

---

para ayudar a aclarar (no soy un experto JS) - esta construcción, aunque no sea un cierre puro, que se ve con frecuencia en combinación con cierres. Por ejemplo, el siguiente fragmento de código (copiada de mi enlace anterior) utiliza esta sintaxis para definir un método interno, oculto:

function callLater(paramA, paramB, paramC){ 
    /* Return a reference to an anonymous inner function created 
     with a function expression:- 
    */ 
    return (function(){ 
     /* This inner function is to be executed with - setTimeout 
      - and when it is executed it can read, and act upon, the 
      parameters passed to the outer function:- 
     */ 
     paramA[paramB] = paramC; 
    }); 
} 

... 

/* Call the function that will return a reference to the inner function 
    object created in its execution context. Passing the parameters that 
    the inner function will use when it is eventually executed as 
    arguments to the outer function. The returned reference to the inner 
    function object is assigned to a local variable:- 
*/ 
var functRef = callLater(elStyle, "display", "none"); 
/* Call the setTimeout function, passing the reference to the inner 
    function assigned to the - functRef - variable as the first argument:- 
*/ 
hideMenu=setTimeout(functRef, 500); 

Aunque: este ejemplo no ejecutar inmediatamente (que carece de la ();) después la definición de la función interna. Entonces, en este caso, la función adjunta se evalúa en un momento posterior - esos () hacen una gran diferencia en un lenguaje funcional.

Answer 3

Se utiliza para ejecutar un código FUERA del alcance global. Con esto, está utilizando el alcance de la función. En este caso, el alcance de una función anónima.

Esto es útil cuando no quiere crear vars globales, por ejemplo.

Ver:

var b = 2; 
(function(){ 
    var a=1; 
    alert("a:" + a); // alerts 1 
    alert("b:" + b); // alerts 2 
})(); 
alert("OUT b:" + b); // alerts 2 
alert("OUT a:" + a); // undefined 

Véase en jsfiddle.

---

EDIT:

La sintaxis ()() es otra forma de llamar a una función. Ver

alert(1); // alerts 1 
(alert)(2); // alerts 2 

Véase en jsfiddle.

Answer 4

Es una manera de definir una función y llamarla inmediatamente. eso es lo último(); hace.