funzione init in javascript e come funziona

Question

Vedo spesso il seguente codice:

(function() { 
    // init part 
})(); 

ma non ho mai potuto ottenere la mia testa intorno come funziona. Trovo le ultime parentesi particolarmente confuse. Qualcuno potrebbe spiegare come funziona in termini di contesti di esecuzione (EC) e oggetti variabili (VO)?

Answer 1

Quel modello creerà un nuovo contesto di esecuzione (EC) in cui tutti gli oggetti variabili locali (VO) vivranno e morirà allo stesso modo quando si esce dall'EC. L'unica eccezione a questa vita è per i VO che diventano parte di uno closure.

Si noti che JavaScript non ha la funzione "init" magica. È possibile associare questo modello a un tale dato che la maggior parte di qualsiasi libreria JS che si rispetti (jQuery, YUI, ecc.) Farà ciò in modo che non inquinino il NS globale più del necessario.

A dimostrazione:

var x = 1; // global VO 
(function(){   
    var x = 2; // local VO 
})(); 
x == 1; // global VO, unchanged by the local VO 

La 2a serie di "staffe" (quelli sono effettivamente chiamati parentesi, o un insieme di parentesi), sono semplicemente per richiamare l'espressione funzione direttamente precedente (come definito dalla insieme precedente di parentesi).

Answer 2

Il codice crea una funzione anonima e quindi la esegue immediatamente. Simile a:

Lo scopo di questa costruzione è creare un ambito per il codice all'interno della funzione. È possibile dichiarare varaibles e funzioni all'interno dell'ambito e quelli saranno locali a tale scopo. In questo modo non ingombrano l'ambito globale, riducendo al minimo il rischio di conflitti con altri script.

Answer 3

Il modo in cui solitamente lo spiego alle persone è mostrare come è simile ad altri pattern JavaScript.

In primo luogo, si dovrebbe sapere che ci sono due modi per dichiarare una funzione (in realtà, c'è almeno cinque, ma questi sono i due principali colpevoli):

function foo() {/*code*/}

e

var foo = function() {/*code*/};

Anche se questa costruzione sembra strana, probabilmente la si utilizza sempre durante il collegamento di eventi:

Si dovrebbe notare che la seconda forma non è molto diverso da una dichiarazione di variabile normale:

var bar = 5; 
var baz = 'some string'; 
var foo = function() {/*code*/}; 

Ma in JavaScript, si ha sempre la scelta tra l'utilizzo direttamente o tramite una variabile un valore. Se bar è 5, quindi i prossimi due dichiarazioni sono equivalenti:

var myVal = bar * 100; // use 'bar' 
var myVal = 5 * 100; // don't use 'bar' 

Beh, se è possibile utilizzare 5 da solo, perché non si può utilizzare function() {\*code*\} da solo troppo? In effetti, puoi. E questa è chiamata funzione anonima.Quindi questi due esempi sono ugualmente uguali:

var foo = function() {/*code*/}; // use 'foo' 
foo();       

(function(){/*code*/}());  // don't use 'foo' 

L'unica differenza che dovresti vedere è nelle parentesi aggiuntive. Questo è semplicemente perché se si avvia una linea con la parola chiave function, il parser penserà che si sta dichiarando una funzione utilizzando il primo modello all'inizio di questa risposta e si genera un'eccezione di errore di sintassi. Quindi avvolgi tutta la tua funzione anonima all'interno di un paio di parentesi graffe e il problema scompare.

In altre parole, le seguenti tre affermazioni sono valide:

5;      // pointless and stupid 
'some string';   // pointless and stupid 
(function(){/*code*/}()); // wonderfully powerful 

Answer 4

Non posso credere che nessuno ha risposto alla domanda ops!

L'ultimo set di parentesi è utilizzato per passare i parametri alla funzione anonima. Così, l'esempio seguente crea una funzione, poi corre con la x = 5 e y = 8

(function(x,y){ 
    //code here 
})(5,8) 

Questo può sembrare non così utile, ma ha il suo posto. Il più comune che ho visto è

(function($){ 
    //code here 
})(jQuery) 

che permette di jQuery per essere in modalità compatibile, ma è possibile fare riferimento ad esso come "$" all'interno della funzione anonima.

Answer 5

Auto invocando funzione anonima (SIAF)

funzioni self-invocando corre immediatamente, anche se DOM non è completamente pronto.

jQuery document.ready vs self calling anonymous function

Answer 6

In parole semplici si può capire che ogni volta che il caricamento della pagina, da questa seconda coppia di parentesi() la funzione sarà chiamato default.We non deve chiamare il function.It è nota come funzione anonima.

cioè

(function(a,b){ 
//Do your code here 
})(1,2); 

Si stessa come come

var test = function(x,y) { 
    // Do your code here 
} 
test(1,2); 

Answer 7

sua è chiamato immediatamente richiamando espressione di funzione (IIFE). Principalmente associato al concetto di chiusura di JavaScript. L'utilizzo principale è quello di eseguire la funzione prima che la variabile globale sia modificata, in modo che il comportamento previsto del codice possa essere mantenuto.