Exemple d'application de fonction anonyme auto-exécutable dans les compétences avascript_javascript

Fonction anonyme auto-exécutable en Javascript
Format :

(function(){ 
//代码 
})(); 

Explication : Il s'agit d'un code assez élégant (vous pourriez être confus si vous le voyez pour la première fois :)). La première paire de crochets entourant la fonction (function(){}) renvoie une fonction sans nom au script, et la paire suivante de parenthèses vides exécute immédiatement la fonction sans nom renvoyée, et les paramètres entre parenthèses sont les paramètres de la fonction anonyme.
Prenons un exemple avec des paramètres :

(function(arg){ 
alert(arg+100); 
})(20); 
// 这个例子返回120。 

Utilisation importante : vous pouvez l'utiliser pour créer un espace de noms Tant que vous écrivez tout votre code dans ce wrapper de fonction spéciale, il ne sera pas accessible de l'extérieur sauf si vous l'autorisez

(function(){ 
function $(id){ 
return document.getElementById(id); 
} 
function __addClass(id,className,classValue){ 
$(id).style.className=classValue; 
} 
window['mySpace']={}; 
window['mySpace']['addClass']=__addClass; 
})();

L'exemple ci-dessus peut utiliser ce pseudo espace de noms pour encapsuler et protéger toutes ses fonctions, objets et variables. Et comme ils sont dans la même fonction, ils peuvent se référencer. Afin de globaliser le code protégé, la paire de parenthèses suivante indique au navigateur d'exécuter immédiatement la fonction anonyme renvoyée et d'attribuer __addClass() à une méthode de fenêtre pendant l'exécution, afin que seul addClass puisse être exécuté en externe. Je peux l'appeler ainsi : mySpace.addClass('oneId','font-width','bold')