HotTowel Angular 和立即调用函数表达式 (IIFE)

Question

开始查看 AngularJS 的 HotTowel 模板，所有这些“为什么”的问题都在我脑海中浮现。我已经清除了其中一些，但无法清除这个。 IE。对控制器使用“立即调用函数表达式 (IIFE)”。下面是来自“shell.js”的代码

    (function () { 
        'use strict';

        var controllerId = 'shell';
        angular.module('app').controller(controllerId,
            ['$rootScope', 'common', 'config', shell]);

        function shell($rootScope, common, config) {
            var vm = this;
      //rest of the code omitted 

我不明白为什么在这里使用 IIFE。一个原因可能是如果我们不使用 IIFE，那么

var controllerId = "shell"

将具有全局范围（对吗？）。我试图删除 IIFE 样式，显然它没有任何问题。我浏览了AngularJS Style Guide，但在那里找不到解释。有人可以解释一下我们采用这种方法可以获得什么好处吗？

附：如果您认为这不是此问题的正确位置，请指出正确的位置。

Answer 1

正如您所说，这是为了防止添加到全局范围。在您上面的代码中，controllerId 和 shell 函数将在不使用 IIFE 时添加到全局范围内。

John Papa's style guide中有解释：

为什么？：IIFE 从全局范围中删除变量。这有助于 防止变量和函数声明的寿命超过 在全局范围内预期，这也有助于避免变量 碰撞。

为什么？：当您的代码被压缩并捆绑到一个文件中时 部署到生产服务器，你可能会有冲突 变量和许多全局变量。 IIFE 可以保护您免受两者的侵害 通过为每个文件提供变量范围来实现这些。