Wohin gehen in einem IIFE deklarierte Variablen?

Question

So verstehe ich den Zweck eines IIFE ist, sie aus dem globalen Geltungsbereich zu nehmen. Im Angular Stil guide, heißt es, dies zu vermeiden:

/* avoid */ 
// logger.js 
angular 
    .module('app') 
    .factory('logger', logger); 

// logger function is added as a global variable 
function logger() { } 

// storage.js 
angular 
    .module('app') 
    .factory('storage', storage); 

// storage function is added as a global variable 
function storage() { } 

und statt dies tun:

/** 
* recommended 
* 
* no globals are left behind 
*/ 

// logger.js 
(function() { 
    'use strict'; 

    angular 
     .module('app') 
     .factory('logger', logger); 

    function logger() { } 
})(); 

// storage.js 
(function() { 
    'use strict'; 

    angular 
     .module('app') 
     .factory('storage', storage); 

    function storage() { } 
})(); 

Ich gehe davon aus das macht die Speicherfunktion für mich in einem Controller einige Zeit anrufen später ... aber wo genau ist es, wenn es nicht im globalen Umfang ist?

Answer 1

Der Zweck des direkt aufgerufenen IIFE-Funktionsausdrucks besteht darin, Ihren Code zu modularisieren, um isolierte Ausführungsbereiche zu erstellen. Angular verfügt über ein Dependency-Injection-System, bei dem die angegebenen Elemente (Fabrik, Service, Controller, Richtlinie usw.) registriert sind und unabhängig von ihrem Standort durch Injektion verwendet werden können. Dies wird Ihnen von der eckigen FW zur Verfügung gestellt. Angular hat implizite und explizite Injektion;

Die implizite Injektion verwendet die Namen der Funktionsparameter, um die zu injizierenden Abhängigkeiten automatisch zu erkennen. Dies ist gut für die Entwicklung, aber bricht den verkleinerten Code. Gute Nachrichten gibt es Tools, die Ihre explizite Injektion in explizite, z. B. ng-anotate konvertieren können. Ihre implizite Code-Injektion würde aussehen wie

// storage.js 
(function() { 
    'use strict'; 

    angular 
    .module('app') 
    .factory('storage',storage); 

    function storage(logger) { 
    // use logger 
    } 
})(); 

die explizite Modus ist, wo man tatsächlich die Liste der Parameter zur Verfügung stellen, die durch und Array von ihren registrierten Namen übergeben werden sollen, und sie dann mit den Funktionsargumenten entsprechen. Ihr Code würde mit expliziter Injektion wie folgt aussehen

// storage.js 
(function() { 
    'use strict'; 

    angular 
    .module('app') 
    .factory('storage', ['logger',storage]); 

    function storage(logger) { 
    // use logger 
    } 
})(); 

oder

angular 
    .module('app') 
    .factory('storage', storage); 
    storage.$inject = ['logger']; 

    function storage(logger) { 
    // use logger 
    } 

Ich hoffe, das

Formulierung legt nahe, Sie haben als Fabrik gebunden nie