Recientemente he estado trabajando en una base de código donde hay varios archivos javascript, parcialmente angularJS, jQuery y otras bibliotecas. Ha existido por un tiempo, y tengo curiosidad por saber por qué se usó un enfoque particular para tantos de estos métodos de extensión o controladores en AngularJS.
Entonces, cada vez que se crea un nuevo objeto AngularJS, se envuelve en una función de autollamada:
(function (w) { w.app.controller('ctrlName', function ($scope, $ngJSdependency, myOwnDependency) { w.GlobalFunctions.exampleCallGlobalFunction(); $scope someData = w.GlobalData.someData; }); })(window); Y por mi vida, no tengo idea de por qué. No he notado ninguna diferencia de función entre eliminar la función de autollamada y reemplazar cada referencia a w con window . ¿Hay algún inconveniente en hacer esos cambios y reemplazar todo con window ? Se siente mucho más limpio y también funciona mejor con mis herramientas IDE.
¡Gracias!
Hay (al menos) cuatro ventajas para esa estrategia en el código antiguo que no usa módulos modernos, tres realmente menores y una bastante útil (pero solo relacionada con la función, no con la parte de la window ):
w es ligeramente más corto que window . :-D
Al hacer que w sea local dentro de esa llamada de función, se encuentra en el entorno local cuando se hace referencia, en lugar de que el motor de JavaScript tenga que buscar la window en el entorno local, no encontrarla y salir al entorno exterior para encontrarla.
La window global en al menos algunos navegadores (tengo que verificar la especificación para ver si está especificada) es una propiedad de acceso, lo que significa que, en teoría , cada referencia a ella es una llamada de función. Entonces const w = window; llama a esa función una vez y recuerda su valor de retorno, mientras que el uso window en todas partes (en teoría) llama a la función repetidamente. Pero las llamadas a funciones son realmente rápidas en JavaScript.
(No está directamente relacionado con pasar window a la función). La función proporciona un ámbito privado para colocar otras cosas a las que no es necesario acceder fuera de la función.
El #4 es probablemente el más útil, y como mencioné anteriormente, no está realmente relacionado con el aspecto de la window , podrías hacer lo mismo sin la window / w .
En entornos modernos obtendrías el #3 usando módulos, y si quisieras #1 y #2 harías const w = window; o similar.