hope is coming

jqLite(window.document).ready(function() {
  angularInit(window.document, bootstrap);
});

var JQLitePrototype = JQLite.prototype = {
    ready: function(fn) {
      var fired = false;
      //trigger方法中再调用参数fn
      function trigger() {
        if (fired) return;
        fired = true;
        fn();//调用fn参数 函数
      }

      // check if document is already loaded
      if (window.document.readyState === 'complete') {
        window.setTimeout(trigger);
      } else {
        this.on('DOMContentLoaded', trigger); // works for modern browsers and IE9
        // we can not use jqLite since we are not done loading and jQuery could be loaded later.
        // jshint -W064
        JQLite(window).on('load', trigger); // fallback to window.onload for others
        // jshint +W064
      }
    }
  }

//element元素 ，从上文看就是window.document
//bootstrap函数
function angularInit(element, bootstrap) {
    var appElement,
        module,
        config = {};

    //element比其他元素优先级高
    // The element `element` has priority over any other element.
    forEach(ngAttrPrefixes, function(prefix) {
      var name = prefix + 'app';

      if (!appElement && element.hasAttribute && element.hasAttribute(name)) {
        appElement = element;
        module = element.getAttribute(name);
      }
    });
    forEach(ngAttrPrefixes, function(prefix) {
      var name = prefix + 'app';
      var candidate;
      //从element元素中用querySelector方法查找带ng-app的元素
      if (!appElement && (candidate = element.querySelector('[' + name.replace(':', '\\:') + ']'))) {
        appElement = candidate;
        module = candidate.getAttribute(name);
      }
    });
    //ng-app标记的元素，
    //模块比如ng-app="oaApp"，那么module就等于oaApp
    if (appElement) {
      config.strictDi = getNgAttribute(appElement, "strict-di") !== null;
      //启动
      bootstrap(appElement, module ? [module] : [], config);
    }
}

function bootstrap(element, modules, config) {
if (!isObject(config)) config = {};
var defaultConfig = {
  strictDi: false
};
//扩展默认配置
config = extend(defaultConfig, config);
var doBootstrap = function() {
  element = jqLite(element);//用jqLite包装下

  //判断injector方法调用的结果
  //一开始调用element.injector()时是返回false的，当调用到
  //element.data('$injector', injector);就为true了
  if (element.injector()) {
    var tag = (element[0] === window.document) ? 'document' : startingTag(element);
    // Encode angle brackets to prevent input from being sanitized to empty string #8683.
    throw ngMinErr(
        'btstrpd',
        "App already bootstrapped with this element '{0}'",
        tag.replace(/</,'&lt;').replace(/>/,'&gt;'));
  }

  modules = modules || [];
  //unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。
  modules.unshift(['$provide', function($provide) {
    $provide.value('$rootElement', element);
  }]);

  if (config.debugInfoEnabled) {
    // Pushing so that this overrides `debugInfoEnabled` setting defined in user's `modules`.
    modules.push(['$compileProvider', function($compileProvider) {
      $compileProvider.debugInfoEnabled(true);
    }]);
  }
  //ng模块放入第一位
  modules.unshift('ng');
  var injector = createInjector(modules, config.strictDi);
  injector.invoke(['$rootScope', '$rootElement', '$compile', '$injector',
     function bootstrapApply(scope, element, compile, injector) {
      scope.$apply(function() {
        element.data('$injector', injector);
        compile(element)(scope);
      });
    }]
  );
  return injector;
};

var NG_ENABLE_DEBUG_INFO = /^NG_ENABLE_DEBUG_INFO!/;
var NG_DEFER_BOOTSTRAP = /^NG_DEFER_BOOTSTRAP!/;

if (window && NG_ENABLE_DEBUG_INFO.test(window.name)) {
  config.debugInfoEnabled = true;
  window.name = window.name.replace(NG_ENABLE_DEBUG_INFO, '');
}

if (window && !NG_DEFER_BOOTSTRAP.test(window.name)) {
  return doBootstrap();
}

window.name = window.name.replace(NG_DEFER_BOOTSTRAP, '');
angular.resumeBootstrap = function(extraModules) {
  forEach(extraModules, function(module) {
    modules.push(module);
  });
  return doBootstrap();
};

if (isFunction(angular.resumeDeferredBootstrap)) {
  angular.resumeDeferredBootstrap();
}
}

//line 3347
forEach({
data: jqLiteData,
inheritedData: jqLiteInheritedData,

scope: function(element) {
  // Can't use jqLiteData here directly so we stay compatible with jQuery!
  return jqLite.data(element, '$scope') || jqLiteInheritedData(element.parentNode || element, ['$isolateScope', '$scope']);
},

isolateScope: function(element) {
  // Can't use jqLiteData here directly so we stay compatible with jQuery!
  return jqLite.data(element, '$isolateScope') || jqLite.data(element, '$isolateScopeNoTemplate');
},

controller: jqLiteController,

injector: function(element) {
  return jqLiteInheritedData(element, '$injector');
}}, function(fn, name) {
    //fn相当于value name相当于key
    //jQLite.prototype['injector'] =
    JQLite.prototype[name] = function(arg1, arg2) {
    var i, key;
    var nodeCount = this.length;

    //jqLiteHasClass是个只读函数，所以需要特殊处理
    // jqLiteHasClass has only two arguments, but is a getter-only fn, so we need to special-case it
    // in a way that survives minification.
    //缩小范围
    // jqLiteEmpty takes no arguments but is a setter.
    //jqLiteEmpty 无参函数 但是 是一个setter方法

    if (fn !== jqLiteEmpty &&
        (isUndefined((fn.length == 2 && (fn !== jqLiteHasClass && fn !== jqLiteController)) ? arg1 : arg2))) {
      if (isObject(arg1)) {

        // we are a write, but the object properties are the key/values
        for (i = 0; i < nodeCount; i++) {
          if (fn === jqLiteData) {
            // data() takes the whole object in jQuery
            //this[i] 是通过jqLiteAddNodes函数往jqLite对象中加入索引
            fn(this[i], arg1);
          } else {
            for (key in arg1) {
              fn(this[i], key, arg1[key]);
            }
          }
        }
        // return self for chaining
        return this;
      } else {
        //element.injector() 走到这里
        // we are a read, so read the first child.
        // TODO: do we still need this?
        var value = fn.$dv;
        // Only if we have $dv do we iterate over all, otherwise it is just the first element.
        var jj = (isUndefined(value)) ? Math.min(nodeCount, 1) : nodeCount;
        for (var j = 0; j < jj; j++) {
          var nodeValue = fn(this[j], arg1, arg2);
          value = value ? value + nodeValue : nodeValue;
        }
        return value;
      }
    } else {
      // we are a write, so apply to all children
      for (i = 0; i < nodeCount; i++) {
        fn(this[i], arg1, arg2);
      }
      // return self for chaining
      return this;
    }
  };
});

function jqLiteInheritedData(element, name, value) {
  // if element is the document object work with the html element instead
  // this makes $(document).scope() possible
  if (element.nodeType == NODE_TYPE_DOCUMENT) {
    element = element.documentElement;
  }
  var names = isArray(name) ? name : [name];

  while (element) {
    for (var i = 0, ii = names.length; i < ii; i++) {
      if (isDefined(value = jqLite.data(element, names[i]))) return value;
    }

    // If dealing with a document fragment node with a host element, and no parent, use the host
    // element as the parent. This enables directives within a Shadow DOM or polyfilled Shadow DOM
    // to lookup parent controllers.
    element = element.parentNode || (element.nodeType === NODE_TYPE_DOCUMENT_FRAGMENT && element.host);
  }
}

  function jqLiteData(element, key, value) {
    if (jqLiteAcceptsData(element)) {

      var isSimpleSetter = isDefined(value);
      //element.injector() 就是 获取$injector
      //那么就是isSimpleGetter
      var isSimpleGetter = !isSimpleSetter && key && !isObject(key);
      var massGetter = !key;

      //element.injector()
      //!isSimpleGetter传false
      var expandoStore = jqLiteExpandoStore(element, !isSimpleGetter);
      var data = expandoStore && expandoStore.data;

      if (isSimpleSetter) { // data('key', value)
        data[key] = value;
      } else {
        if (massGetter) {  // data()
          return data;
        } else {
          if (isSimpleGetter) { // data('key')
            // don't force creation of expandoStore if it doesn't exist yet
            return data && data[key];
          } else { // mass-setter: data({key1: val1, key2: val2})
            extend(data, key);
          }
        }
      }
    }
}

function jqLiteExpandoStore(element, createIfNecessary) {
var expandoId = element.ng339,
    expandoStore = expandoId && jqCache[expandoId];

if (createIfNecessary && !expandoStore) {
  element.ng339 = expandoId = jqNextId();
  expandoStore = jqCache[expandoId] = {events: {}, data: {}, handle: undefined};
}

return expandoStore;
}

function setupModuleLoader(window) {

//函数内部声明函数
function ensure(obj, name, factory) {
  return obj[name] || (obj[name] = factory());
}

//定义全局angular变量
var angular = ensure(window, 'angular', Object);

//返回angular.module变量
return ensure(angular, 'module', function() {

    var modules = {};

    return function module(name, requires, configFn) {

          return ensure(modules, name, function() {

               var moduleInstance = {
                  hello : 'hello angular'
               };

               return moduleInstance;
          });
    };

})
}

var window = {};

angularModule = setupModuleLoader(window);

angularModule('ng', ['ngLocale'], ['$provide', function ngModule($provide) {}]);

//已经存在ng这个module
console.log(window.angular.module('ng').hello)

/*
  angular 模块加载器
*/
function setupModuleLoader(window) {

 //省略部分代码
function ensure(obj, name, factory) {
  //比如下方的ensure(angular,'module',function(){})
  return obj[name] || (obj[name] = factory());
}
var angular = ensure(window, 'angular', Object);
//此处定义了angular.module方法
return ensure(angular, 'module', function() {
  /** @type {Object.<string, angular.Module>} */
  var modules = {};

  /* 注释掉了 函数的描述*/
  //调用angular.module() 时执行的函数
  //requires 必须传递 ，比如[]数组
  return function module(name, requires, configFn) {
    var assertNotHasOwnProperty = function(name, context) {
      if (name === 'hasOwnProperty') {
        throw ngMinErr('badname', 'hasOwnProperty is not a valid {0} name', context);
      }
    };
    //判断moduleName 是不是 hasOwnProperty
    assertNotHasOwnProperty(name, 'module');
    if (requires && modules.hasOwnProperty(name)) {
      modules[name] = null;
    }
    return ensure(modules, name, function() {
      if (!requires) {
        throw $injectorMinErr('nomod', "Module '{0}' is not available! You either misspelled " +
           "the module name or forgot to load it. If registering a module ensure that you " +
           "specify the dependencies as the second argument.", name);
      }

      /** @type {!Array.<Array.<*>>} */
      //数组里也是数组
      //调用队列
      var invokeQueue = [];
      //数组里是函数
      //配置块
      var configBlocks = [];
      //数组里是函数
      //运行块
      var runBlocks = [];

      /*
          返回一个方法
          方法内部调用configBlocks['push'](['$injector','invoke',arguments])
          然后返回moduleInstance
          config就是一个返回moduleInstance的函数
      */
      //调用config方法会把参数放入configBlocks中
      var config = invokeLater('$injector', 'invoke', 'push', configBlocks);

      var moduleInstance = {
        // Private state
        //私有变量
        _invokeQueue: invokeQueue,
        _configBlocks: configBlocks,
        _runBlocks: runBlocks,
        //传入的依赖
        requires: requires,

        name: name,
        //返回调用$provide的provider方法
        provider: invokeLaterAndSetModuleName('$provide', 'provider'),
        //返回调用$provide的factory方法
        factory: invokeLaterAndSetModuleName('$provide', 'factory'),
        //返回调用$provide的service方法
        service: invokeLaterAndSetModuleName('$provide', 'service'),
        //返回调用$provide的value方法
        value: invokeLater('$provide', 'value'),
        //返回调用$provide的constant方法
        constant: invokeLater('$provide', 'constant', 'unshift'),
        //返回调用$provide的decorator方法
        decorator: invokeLaterAndSetModuleName('$provide', 'decorator'),
        //返回调用$animateProvider的register方法
        animation: invokeLaterAndSetModuleName('$animateProvider', 'register'),
        //返回调用$filterProvider的register方法
        filter: invokeLaterAndSetModuleName('$filterProvider', 'register'),
        //返回调用$controllProvider的register方法
        controller: invokeLaterAndSetModuleName('$controllerProvider', 'register'),
        //返回调用$compileProvider的directive方法
        directive: invokeLaterAndSetModuleName('$compileProvider', 'directive'),
        //返回调用$compileProvider的component方法
        component: invokeLaterAndSetModuleName('$compileProvider', 'component'),

        config: config,

        //调用run方法会把参数block加入runBlocks队列。
        run: function(block) {
          runBlocks.push(block);
          return this;
        }
      };

      //configFn有可能就是['$provide',function($provide){}]
      //config 就是调用configBlocks[insertMethod || 'push']([provider, method, arguments]);
      //这里的arguments就是configFn
      if (configFn) {
        //如果有configFn方法，那么就放入configBlocks队列
        config(configFn);
      }

      return moduleInstance;
    });
  };
});

}

//延迟调用
//module.value 就是先调用的invokeLater返回的一个函数
//然后调用module.value()的时候就是把provider,method  arguments放入 queue
function invokeLater(provider, method, insertMethod, queue) {
  if (!queue) queue = invokeQueue;
  return function() {

    //就是调的数组的[].push方法
    queue[insertMethod || 'push']([provider, method, arguments]);
    return moduleInstance;
  };
}

//比如controller是'$controllerProvider', 'register'
function invokeLaterAndSetModuleName(provider, method) {
  //调用controller 后
  return function(recipeName, factoryFunction) {
    if (factoryFunction && isFunction(factoryFunction)) factoryFunction.$$moduleName = name;
    invokeQueue.push([provider, method, arguments]);
    return moduleInstance;
  };
}

/*
 * @param {Object|Array} obj Object to iterate over.
   //obj是需要遍历的数组或者对象
 * @param {Function} iterator Iterator function.
   iterator是迭代器函数
 * context是执行迭代器函数中的上下文对象
 * @param {Object=} context Object to become context (`this`) for the iterator function.
 * @returns {Object|Array} Reference to `obj`.
 *返回obj对象的引用
 */
function forEach(obj, iterator, context) {
    var key, length;
    //先判断obj是否存在
    if (obj) {
      //如果obj是函数
      if (isFunction(obj)) {

        for (key in obj) {
          //检查hasOwnProperty是否存在,ie8上querySelectorAll的结果是不带
          //hasOwnProperty函数的对象
          // Need to check if hasOwnProperty exists,
          // as on IE8 the result of querySelectorAll is an object without a hasOwnProperty function
          if (key != 'prototype' && key != 'length' && key != 'name' && (!obj.hasOwnProperty || obj.hasOwnProperty(key))) {
            //先传value再传key
            iterator.call(context, obj[key], key, obj); //调用iterator 函数
          }
        }
      } else if (isArray(obj) || isArrayLike(obj)) {
        //如果obj是数组或类数组
        var isPrimitive = typeof obj !== 'object';//是否是原生的数组
        for (key = 0, length = obj.length; key < length; key++) {
          if (isPrimitive || key in obj) {
            //执行迭代器
            iterator.call(context, obj[key], key, obj);
          }
        }
      } else if (obj.forEach && obj.forEach !== forEach) {
          //执行对象本身的foreach函数
          obj.forEach(iterator, context, obj);
      } else if (isBlankObject(obj)) {
        // createMap() fast path --- Safe to avoid hasOwnProperty check because prototype chain is empty
        for (key in obj) {
          iterator.call(context, obj[key], key, obj);
        }
      } else if (typeof obj.hasOwnProperty === 'function') {

        //存在hasOwnProperty方法
        // Slow path for objects inheriting Object.prototype, hasOwnProperty check needed
        //继承自Object.prototype的对象
        for (key in obj) {
          if (obj.hasOwnProperty(key)) {
            iterator.call(context, obj[key], key, obj);
          }
        }
      } else {
        // Slow path for objects which do not have a method `hasOwnProperty`
        for (key in obj) {
          if (hasOwnProperty.call(obj, key)) {//调用hasOwnProperty方法成功后
            iterator.call(context, obj[key], key, obj);
          }
        }
      }
    }
    return obj;
}
//自定义的hasOwnProperty是Object原型里的函数
var hasOwnProperty = Object.prototype.hasOwnProperty;
//根据对象的key来做排序
function forEachSorted(obj, iterator, context) {
  var keys = Object.keys(obj).sort();
  for (var i = 0; i < keys.length; i++) {
    iterator.call(context, obj[keys[i]], keys[i]);
  }
  return keys;
}