在IIFE中声明的变量在哪里去？

Question

所以我明白一个IIFE的目的是让他们脱离全球范围。在角式的guide，它说要避免这种情况：

/* 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() { } 

，而是这样做：

/** 
* 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() { } 
})(); 

我假设这使得存储功能可对我来说，控制器一些时间打电话后来...但是如果它不在全球范围内，究竟在哪里呢？

Answer 1

IIFE立即调用函数表达式的目的是模块化您的代码创建独立的执行范围。 Angular有一个依赖注入系统，其中指定的元素（工厂，服务，控制器，指令等）被注册，并且可以通过注入来使用，而不管它们的位置。这是由角FW提供给你的。 Angular具有隐式和显式注入;

隐式注入使用函数参数名称来自动检测注入的依赖关系。这对开发很有好处，但会破坏缩小的代码。好消息是有些工具可以将明确的注入转化为明确的即ng-anotate。您的暗示注入的代码看起来像

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

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

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

明确的模式是，你实际上提供的是要通过自己的注册名和通过数组传递的参数列表，然后用函数的参数匹配。你的代码看起来像这样有明确注入

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

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

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

或

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

    function storage(logger) { 
    // use logger 
    } 

我希望这有助于