淡淡理解下AngularJS中的module

爱被打了一巴掌 2021-11-02 12:58 206阅读 0赞

在AngularJS中module是一个核心的存在，包括了很多方面，比如controller, config, service, factory, directive, constant, 等等。  
  
在Javascript中如何实现类似module的功能呢？  
  
或者说，我们定义一个函数，如何把函数内的函数向外界开放呢？  
  
我想，可以把函数中的函数作为一个对象的键值，从而向外界开放。  
  
这样说很笼统，其实是这样的：

举个银行存钱取钱的例子。

再来到AngularJS，我们已经习惯了这样写：

var app = angular.module('app',[]);
    
    app.config();
    app.controller();
    app.factory();
    ...

也就是获取到module,再调用module提供给我们的方法。  
  
查看angular.js源代码，发现：  
  
angular = window.angular || (window.angular = \{\} )  
  
这是为什么我们能使用angular这个变量的原因。

...
    var moduleInstace = {
            provider: invokeLater('$provide','provider'),
            factory: invokeLater('$provider', 'factory'),
            service: invokeLater('$provider', 'service'),
            value: invokeLater('$provide', 'value'),
            constant: invokeLater('$provider', 'constant'...),
            animation: invokeLater('$animateProvider',...),
            filter: invokeLater('$filterProvider',...),
            controller: invokeLater('$controllerProvider',...),
            directive: invokeLater('$compileProvider',...),
            config: config,
    }
    
    return moduleInstance;
    ...

以上的写法正是module的写法。

转载于:https://www.cnblogs.com/darrenji/p/5098124.html