¿Por qué jQuery se envuelve en una función?

Question

Estaba leyendo el jQuery source y me preguntaba por qué todo el archivo fuente estaba envuelto en una función anónoma.

(function(){ 
    ... 
})(); 

¿Esto es algo que ayuda a no contaminar el espacio de nombres global? ¿Por qué está allí y cómo funciona?

Answer 1

Utiliza el cuerpo de la función para proporcionar su propio alcance en lugar de introducir un gran número de globales que podrían cambiar accidentalmente por código externo.

Por ejemplo.

(function(){ 
    var someConstantValue = ...; 
    myCoolFunction = function(){ return someConstantValue * 5; } 
})(); 

myCoolFunction(); 

Si el ámbito de la función no se introdujeron sería posible cambiar accidentalmente someConstantValue introduciendo otro código (o otra biblioteca)

someConstantValue = someOtherValue; // this won't change the behaviour of myCoolFunction 

Answer 2

Tienes razón que impida la contaminación del mundial espacio de nombres

Todas las variables y funciones que jQuery necesita se crean dentro de esa función, lo que evita que esas funciones y variables se desangren en el espacio de nombres global. Si nos fijamos en este bloque de código:.

var jQuery = window.jQuery = window.$ = function(selector, context) { 
// The jQuery object is actually just the init constructor 'enhanced' 
return new jQuery.fn.init(selector, context); 
}; 

se trata en realidad de conectar el inicializador de jQuery para el mundo exterior mediante el establecimiento y la ventana window.jQuery $ a la función de inicialización. Ese es el único lugar donde las variables dentro de la función de envoltura están disponibles directamente fuera del envoltorio.

Observe también que la función completa se ajusta de esta manera (función ,,,)() que ejecutará esa función tan pronto como se cargue el archivo.