为什么要将IIFE分配给变量？

Question

我一直在使用IIFE中JavaScript和AngularJS,并一直在使用的结构如下:

方法1:

//IIFE Immediately Invoked Function Expression
(function () {


}());

但是,我已经看到以下经常将变量分配给 IIFE

方法2:

//IIFE Immediately Invoked Function Expression assigned to doStuff variable
var doStuff = (function () {


}());

注意:这个问题不是关于这种模式是什么或IIFE是什么.这与具体说明为什么人们会在IIFE上使用返回变量及其与Angular实践的关系.

在Angular方法1中工作正常,但在我看到的许多原始JS示例中,使用了方法2.我的假设是任何doStuff被包围的东西都可以通过它获得并且可以调用.但是,我不是百分之百确定2种方法的确切推理或区别,需要一些帮助才能理解何时使用不同的方法？

Answer 1

方法#2的原因是你会在IIFE中找到返回某些东西的代码(通常但不一定是对象或函数).IIFE返回的是最终被分配的内容.例如:

//IIFE Immediately Invoked Function Expression assigned to doStuff variable
var doStuff = (function () {
    var privateInformationForDoStuff = 0;

    function doStuff() {
        console.log(++privateInformationForDoStuff);
    }

    return doStuff;
}());

在那里,变量最终成为对函数的引用,每次调用它时,都会给我们一个比前一次更高的数字.IIFE确保没有任何东西可以修改privateInformationForDoStuff变量,它完全是doStuff函数私有的.

这种情况的常见用途是创建具有各种功能的对象,有时称为模块,这些对象也可能具有仅在"模块"内共享的私有信息:

var MyApp = (function() {
    var privateModuleInformation;
    var morePrivateModuleInformation;
    // ...

    function doThis() {
        // ...
    }

    function doThat() {
        // ...
    }

    function doTheOther() {
        // ...
    }

    return {
        doThis: doThis,
        doThat: doThat,
        doTheOther: doTheOther
    };
})();