Funzioni auto-invocate in JavaScript
Le funzioni di auto-invocazione in JavaScript sono le funzioni anonime di auto-esecuzione che vengono chiamate dopo la loro definizione. Queste funzioni JavaScript possono essere eseguite immediatamente quando seguite dal set tra parentesi ().
Questo articolo discuterà le funzioni di auto-invocazione, la sintassi e il loro lavoro in JavaScript. Inoltre, dimostreremo anche la differenza tra le funzioni JavaScript normali e auto-invocate in termini di struttura di sintassi e lavoro. Quindi iniziamo!
Quali sono le funzioni di auto-involuzione in JavaScript
In JavaScript, a "Auto-invocazione"La funzione è un tipo di funzione che viene invocata o chiamata automaticamente dopo la sua definizione. L'esecuzione di una tale funzione anonima viene eseguita racchiudendola in un set tra parentesi seguito da un'altra serie di parentesi.
Diverse attività di inizializzazione possono trarre beneficio dall'uso delle funzioni di auto-invocazione. Ad esempio, le funzioni di auto-invocazione possono essere uno strumento fantastico per allegare gli ascoltatori di eventi agli elementi DOM di una pagina web. Queste funzioni possono funzionare solo una volta, quindi non riempiono tutti i tipi di cagliata nello spazio dei nomi globali che dureranno in base alla vita della pagina web.
Come funzionano le funzioni di auto-invocare in JavaScript
Poiché le funzioni auto-invocate sono definite in modo anonimo in JavaScript, non esistono variabili locali o globali ad eccezione delle dichiarazioni nel corpo delle funzioni. Quando si inizializza una funzione di auto-invocazione, funziona immediatamente e può essere eseguito una volta. Nessun riferimento verrà salvato per la funzione di auto-invocazione, incluso il valore di ritorno.
Le funzioni JavaScript auto-invocate sono principalmente utilizzate per le variabili di scoping in JavaScript. Poiché queste funzioni sono anonime, la loro espressione aggiuntiva viene invocata senza alcuna chiusura di identificatore o modifica dell'ambito.
Sintassi di funzioni auto-invocate in JavaScript
Ora, diamo un'occhiata alla sintassi delle funzioni auto-invocate in JavaScript:
(funzione (parametri)// corpo della funzione
)(argomenti);
Qui, il "argomenti"I riferimenti a oggetti globali sono passati alla funzione auto-invocata. Le variabili che definirai nel corpo della tua funzione di auto-invocazione sono accessibili solo all'interno della stessa funzione.
Esempio: usare funzioni auto-invocate in JavaScript
Nell'esempio seguente, definiremo una funzione di auto-invocazione che stampa "CIAO! Mi sto chiamando"Non appena viene eseguito il codice di definizione della funzione. Nota che non dobbiamo chiamare noi stessi la funzione di auto-invocazione definita:
Funzioni di auto-invocazione
Puoi eseguire il risultato sopra nel tuo editor di codice preferito o qualsiasi sandbox di codifica online; Tuttavia, utilizzeremo JSbin per lo scopo dimostrativo:
Ora, controlla l'output generato dalla funzione di auto-invocazione definita:
Esempio2: differenza tra funzione auto-invocata e funzione normale
Se sei un principiante JavaScript, allora a questo punto, potresti essere confuso tra la sintassi e la funzionalità di una funzione normale e una funzione auto-invocata. Nessun problema! Questa sezione ti aiuterà in questo senso.
La prima e la differenza di base tra la funzione auto-invocata e la funzione normale è che è necessario definire un nome adeguato per una funzione normale in JavaScript e quindi chiamarla con il suo nome specifico, mentre le funzioni auto-invocate sono definite in modo anonimo e invocato automaticamente.
Ad esempio, per definire una funzione normale in JavaScript, seguiremo la sintassi di seguito:
funzione functionname ()// corpo della funzione
;
Per chiamare la funzione definita da qualche parte nel codice JavaScript, devi utilizzare il nome della funzione:
functionname ();Ora, nel codice di seguito, abbiamo definito un normale "testfunc ()"Funzione che stamperà il"Questo è Linuxhint.com"String dopo averlo chiamato nel codice:
Funzioni normali in javascript
Ecco l'output che abbiamo ottenuto dall'esecuzione del codice sopra dato:
Ora definiremo una funzione di auto-invocazione che emetterà anche la stessa stringa della funzione normale. Per fare ciò, scrivi il seguente codice e avvia l'esecuzione:
Funzioni auto-invocate in JavaScript
L'output dichiara che la funzione JavaScript auto-invocata è stata eseguita con successo senza essere chiamata nel programma:
Conclusione
Auto-invocazione La funzione è un tipo di funzione che viene invocata o chiamata automaticamente dopo la sua definizione quando seguita dal set tra parentesi () e utilizzato principalmente per le attività di inizializzazione. Questo articolo ha dimostrato la sintassi e l'utilizzo delle funzioni di auto-invocazione in JavaScript per avvolgere il codice all'interno di un ambito di funzione. Inoltre, la differenza tra le normali funzioni e le funzioni di auto-involuzione in JavaScript è anche dimostrata con l'aiuto di alcuni esempi.