Cosa significa parentesi dopo parentesi graffe?

Question

Ho visto il codice Javascript che utilizza la parentesi subito dopo la parentesi graffa di chiusura di una funzione, non riesco a capire per cosa sono utilizzati.

Esempio:

function foo(bar){ 
    return bar; 
}(0); 

• Cosa (0) fare?

• Come si chiama?

• Quando utilizzare questa tecnica?

Answer 1

Nel tuo esempio, è sufficiente due affermazioni ed è equivalente a:

function foo(bar){ 
    return bar; 
} 
0; 

Questo è non una funzione di autoinvocazione. La prima affermazione è una dichiarazione di funzione , la seconda è semplicemente il numero letterale 0, che non fa nulla. Le parentesi non eseguono la funzione, sono le grouping operator.

Come possiamo provarlo? Prova:

function foo(bar){ 
    return "bar"; 
}(0); 

e dimmi qual è l'uscita.

---

sarebbe una funzione di auto-invocando, se avessimo un funzione di espressione. Per questo è possibile utilizzare l'operatore di raggruppamento per forzare la valutazione come espressione.

Ad esempio:

(function foo(bar){ 
    return bar; 
})(0); 

Questa è un'espressione funzione denominata. Il risultato dell'espressione ((function ....)) è un riferimento di funzione e (0) esegue la funzione, passando come argomento 0.

La posizione della parentesi potrebbe anche essere:

(function foo(bar){ 
    return bar; 
}(0)); 

forse questo è quello che avete visto.

Questa tecnica è stata già ampiamente discusso qui: What is the purpose of a self executing function in javascript?

Answer 2

Invocano immediatamente la funzione simile a quando si chiama una funzione:

function foo() { 
    alert('hello'); 
} 

foo(); // call 

Si può anche chiamare direttamente:

(function foo(){ 
    alert('hello'); 
})(); // <-------------- 

---

Attualmente hai Function Declaration . Per realtà auto-invocarlo, è necessario avere in questo modo in parentesi (per rendere l'espressione):

(function foo(bar){ 
    return bar; 
})(0); 

ed ora è Function Expression e richiamerà immediatamente. Per conoscere differenza tra Function Declaration e Function Expression, controllare questo eccellente articolo di Kangax:

• Named function expressions demystified

---

Cosa significa (0) fare?

È argomento passato foo funzione in modo bar sarebbe 0 funzione all'interno.

Come si chiama?

È una funzione self-inovking o autoeseguibile. Si potrebbe anche voler vedere this.

Quando utilizzare questa tecnica?

Quando si desidera richiamare immediatamente una funzione e mantenere l'ambito variabile all'interno solo dell'espressione di funzione. Non sarà disponibile per il mondo esterno o piuttosto il codice al di fuori di tale espressione di funzione.

---

Per saperne di più:

• Self-invoking functions explained line by line

Answer 3

Si tratta di una funzione di auto chiamante. Stai passando 0 come parametro. Pertanto la funzione tornerà bar che è uguale a 0.

Per esempio, la funzione qui sotto è l'equivalente:

function foo(bar) { 
    return bar; 
} 

foo(0); // returns 0