Simplista. Muy normal, es casi reconfortante:
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
Sin embargo, ¿qué sucede si incluyo una biblioteca de JavaScript realmente útil en mi página que traduce los caracteres avanzados en sus representaciones de nivel base?
¿Esperar lo?
Quiero decir, si alguien teclea un personaje con algún tipo de acento, pero solo quiero caracteres 'ingleses' AZ en mi programa. Bueno ... los caracteres españoles 'ñ' y franceses 'é' pueden traducirse en caracteres base de 'n' y 'e'.
Entonces, una persona agradable ha escrito un conversor de caracteres completo que puedo incluir en mi sitio ... Lo incluyo.
Un problema: tiene una función llamada 'nombre' igual que mi función.
Esto es lo que se llama colisión. Tenemos dos funciones declaradas en el mismo alcance con el mismo nombre. Queremos evitar esto.
Por lo tanto, necesitamos analizar nuestro código de alguna manera.
La única forma de abarcar el código en javascript es envolverlo en una función:
function main() {
// We are now in our own sound-proofed room and the
// character-converter libarary's name() function can exist at the
// same time as ours.
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
Eso podría resolver nuestro problema. Ahora todo está cerrado y solo se puede acceder desde nuestras llaves de apertura y cierre.
Tenemos una función en una función ... que es extraño de ver, pero totalmente legal.
Solo un problema. Nuestro código no funciona. ¡Nuestra variable userName nunca se repite en la consola!
Podemos resolver este problema agregando una llamada a nuestra función después de nuestro bloque de código existente ...
function main() {
// We are now in our own sound-proofed room and the
// character-converter libarary's name() function can exist at the
// same time as ours.
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
main();
¡O antes!
main();
function main() {
// We are now in our own sound-proofed room and the
// character-converter libarary's name() function can exist at the
// same time as ours.
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
Una preocupación secundaria: ¿cuáles son las posibilidades de que el nombre 'main' aún no se haya utilizado? ... muy, muy delgado.
Necesitamos más alcance. Y alguna forma de ejecutar automáticamente nuestra función main ().
Ahora llegamos a las funciones de ejecución automática (o autoejecutable, autoejecutable, lo que sea).
((){})();
La sintaxis es incómoda como el pecado. Sin embargo, funciona.
Cuando ajusta una definición de función entre paréntesis e incluye una lista de parámetros (¡otro conjunto o paréntesis!), Actúa como una llamada de función .
Así que echemos un vistazo a nuestro código nuevamente, con alguna sintaxis autoejecutable:
(function main() {
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
)();
Entonces, en la mayoría de los tutoriales que lees, ahora serás bombardeado con el término 'autoejecutable anónimo' o algo similar.
Después de muchos años de desarrollo profesional, le recomiendo encarecidamente que nombre todas las funciones que escriba con fines de depuración.
Cuando algo sale mal (y lo hará), verificará la traza inversa en su navegador. Siempre es más fácil reducir los problemas de código cuando las entradas en el seguimiento de la pila tienen nombres!
Enormemente largo aliento y espero que ayude!