Perché/Dove/Quando devo fare questo? (Racchiudere il codice js all'interno di una funzione e poi eseguirlo)

Question

Eventuali duplicati:
JavaScript scope and closure

Che cosa è questo per?

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

Inoltre, ha qualcosa a che fare con le chiusure?

Answer 1

L'ho visto spesso di recente. Sto indovinando:

Non c'è bisogno di nominare la funzione. Implica che non sia riutilizzabile. Questo ti dà un ambito locale per dichiarare le variabili usando var (altrimenti le aggiungeresti al globale).

Answer 2

È un closure e un anonymous function - concetti chiave in Javascript. Javascript non ha proprietà o campi "veri" privati ​​- ma usando una chiusura puoi essenzialmente creare l'equivalente. Sono un mezzo molto importante per organizzare JS.

Un punto fondamentale in questo campione è la (); alla fine del codice - l'aggiunta di queste parentesi indica Javascript per eseguire il codice immediatamente - in modo efficace l'inizializzazione tutto ciò che è contenuto all'interno.

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

---

per contribuire a chiarire (io non sono un esperto di JS-) - questo costrutto, anche se non una chiusura pura, è spesso visto in combinazione con chiusure. Ad esempio, il frammento di sotto (copiato dal mio link qui sotto) utilizza questa sintassi per definire un metodo nascosto interna:

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); 

Anche se: questo esempio non significa eseguire immediatamente (manca la ();) dopo la definizione della funzione interiore. Quindi, in questo caso, la funzione allegata viene valutata in un secondo momento nel tempo - quelli () sono molto diversi in un linguaggio funzionale.

Answer 3

È utilizzato per eseguire un codice OUT nell'ambito globale. Con questo, si sta utilizzando l'ambito della funzione. In questo caso, l'ambito di una funzione anonima.

Questo è utile quando non si desidera creare vars globali, ad esempio.

See:

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 

veda in jsfiddle.

---

EDIT:

La sintassi ()() è un altro modo per chiamare una funzione. Vedi

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

veda in jsfiddle.

Answer 4

È un modo per definire una funzione e chiamarla immediatamente. questo è l'ultimo(); lo fa.