Notación de JavaScript: (function() {...})();

Question

Duplicar posible:
What is the purpose of wrapping whole Javascript files in anonymous functions like “(function(){ … })()”?

Hola a todos,

he visto varios archivos JavaScript utilizando esta notación:

inicio del archivo JavaScript:

(function() { 
// All functions go here. 
// Can someone say what the wrapping nameless function is used for? 
})(); 

También con la biblioteca de prototipo, esto parece posible:

function $() { 
// Prototype $-wrapping function. 
} 

Por favor alguien puede explicar los dos fragmentos de código anteriores, sus usos y sus diferencias? Algunas palabras clave que me ayudarían a encontrar más información sobre esta notación/técnica (cómo se llama) también serían útiles, así que puedo ejecutar una búsqueda en Google ... :)

¡Gracias!

Answer 1

En su primer ejemplo, las personas rodean su código en una función anónima por motivos de alcance, para evitar el desorden global del espacio de nombres. Esa sintaxis de paréntesis extraña se usa para definir y ejecutar la función, todo en un solo paso; el () al final tiene el significado de ejecutando la función en sí.

De modo que dentro de esa función anónima podría definir function apple(){} y solo sería accesible dentro de esa función anónima. Esto es bueno si está creando una biblioteca y quiere que solo ciertas cosas atemperen su espacio de nombres global.

Su segundo ejemplo es simplemente una función simple llamada $. A muchas bibliotecas les gusta usar este nombre porque es breve y conciso, y como necesita escribirlo cada vez que quiera hacer referencia al espacio de nombres de las bibliotecas, cuanto más corto, mejor.

Answer 2

Busqué "función de JavaScript envoltura" y el primer golpe estaba this, que dice:

This method doesn't add any new symbols to the global or LIB spaces. 

No entiendo la segunda parte de la pregunta: function $() { ... } no es una función "sin nombre" : tiene el nombre $! Si le gustan las funciones llamadas $, es la forma más directa que conozco de hacer tal cosa.

Answer 3

Una función annonymous se define

function() { 
} 

y luego llama inmediatamente

() 

El extra() que encierra la función es forzar al intérprete para tratar la función como una expresión. Javascript trata cualquier declaración que comience con la palabra clave function como una declaración, por lo que no podría llamarse inmediatamente.

El propósito es evitar contaminar el espacio de nombres global. Todas las variables definidas en la función serán locales para la función.

Google para patrón de módulo.

Answer 4

retraída, en favor de responder a: What is the purpose of wrapping whole Javascript files in anonymous functions like “(function(){ … })()”?

Answer 5

primera se llama función inmediata. Puede leer más sobre este patrón de función here.