javascript - Angular 模块包裹在函数(window、angular、undefined)周围，即使它们不需要

Question

我注意到 angular 中的模块被具有相同定义的函数包装:

(function(window, angular, undefined){
     .....
})(window, window.angular);

即使他们不使用它。例如，angular cookies 有，但 window 从未使用过。为什么是这样？我理解他们的闭包原则，即从全局范围中删除变量，但这并不能解释全部。

谢谢，弗拉德

Answer 1

这是为了确保这些变量的含义不会被其他东西改变。

例如:

window.angular = "333";


(function test() {
  var angular = "111"; //changing the meaning of angular
  var undefined = 222;  //changing undefined to 222
  (function iife() {
    document.write('Not Passed in: <br/>');
    document.write('angular == ' + angular);
    document.write('<br/>')
    document.write('undefined == ' + undefined);
    document.write('<br/>')
    document.write('<br/>')
  })();
  
  
  (function iife(angular,undefined) {

    document.write('Passed in: <br/>');
    document.write('angular == ' + angular);
    document.write('<br/>')
    document.write('undefined == ' + undefined);
    document.write('<br/>')
    document.write('<br/>')
  })(window.angular, window.undefined);
  
})();