js自执行函数里面的函数怎么调用

自执行函数（IIFE）里面的函数调用方法包括：通过内部函数的返回值、闭包、传递参数等。其中，闭包是一种常用的方法，可以让内部函数在IIFE执行完毕后依然能被调用。

一、什么是自执行函数（IIFE）

自执行函数（IIFE，Immediately Invoked Function Expression）是一种JavaScript设计模式，通常用于避免变量污染全局作用域。IIFE的语法是将一个函数声明后立即执行，例如：

(function() {
    console.log("This is an IIFE!");
})();

在这个例子中，函数在定义后立刻被调用。IIFE的主要作用是创建一个新的作用域，从而保护内部变量不被外界访问。

二、IIFE中函数的定义与调用

在IIFE中，我们可以定义多个内部函数，并通过不同的方法调用这些函数。以下是几种常见的方法：

1、通过内部函数的返回值调用

在IIFE内部定义函数，并将其作为返回值，以便在外部调用。例如：

const result = (function() {
    function innerFunction() {
        console.log("Inner function called!");
    }
    return innerFunction;
})();
result(); // 调用innerFunction

在这个例子中，innerFunction被定义在IIFE内部，并作为返回值返回。调用result()时实际上是在调用innerFunction。

2、通过闭包调用

通过闭包机制，可以在IIFE执行完毕后依然能够访问其内部函数。例如：

const outerFunction = (function() {
    function innerFunction() {
        console.log("Inner function called!");
    }
    return function() {
        innerFunction();
    };
})();
outerFunction(); // 调用innerFunction

在这个例子中，innerFunction被闭包包裹在外部函数中，因此在outerFunction被调用时，innerFunction依然可以被访问。

3、通过传递参数调用

可以通过传递参数的方式调用IIFE内部的函数。例如：

(function(global) {
    global.innerFunction = function() {
        console.log("Inner function called!");
    };
})(window);
innerFunction(); // 调用innerFunction

在这个例子中，innerFunction被定义在IIFE内部，并通过global对象（这里是window对象）暴露出来，从而在外部可以调用innerFunction。

三、实战案例

1、模块化代码设计

IIFE常用于模块化代码设计，可以将相关功能封装在一个模块中，从而提高代码的可维护性和可读性。例如：

const myModule = (function() {
    function privateFunction() {
        console.log("This is a private function");
    }
    function publicFunction() {
        console.log("This is a public function");
        privateFunction();
    }
    return {
        publicFunction: publicFunction
    };
})();
myModule.publicFunction(); // 调用publicFunction

在这个例子中，privateFunction是一个私有函数，只有在模块内部可以调用，而publicFunction是一个公开函数，可以在模块外部调用。

2、单例模式

IIFE还可以用于实现单例模式，确保某个类只有一个实例。例如：

const Singleton = (function() {
    let instance;
    function createInstance() {
        return {
            name: "SingletonInstance"
        };
    }
    return {
        getInstance: function() {
            if (!instance) {
                instance = createInstance();
            }
            return instance;
        }
    };
})();
const instance1 = Singleton.getInstance();
const instance2 = Singleton.getInstance();
console.log(instance1 === instance2); // true

在这个例子中，createInstance函数用于创建单例实例，getInstance函数用于获取单例实例。通过IIFE封装，确保了实例的唯一性。

3、封装库或插件

IIFE还常用于封装库或插件，避免与其他库或插件产生命名冲突。例如：

const MyLibrary = (function() {
    function privateFunction() {
        console.log("This is a private function");
    }
    return {
        publicFunction: function() {
            console.log("This is a public function");
            privateFunction();
        }
    };
})();
MyLibrary.publicFunction(); // 调用publicFunction

在这个例子中，MyLibrary是一个封装好的库，内部函数privateFunction不会污染全局作用域，只有通过publicFunction才能调用。

四、IIFE的优缺点

优点：

避免全局变量污染：IIFE创建了一个新的作用域，避免了变量污染全局作用域。
模块化代码：IIFE可以将相关功能封装在一个模块中，提高代码的可维护性和可读性。
立即执行：IIFE在定义后立即执行，适用于需要立即执行的代码。

缺点：

调试困难：由于IIFE的作用域隔离，调试时可能不方便查看内部变量。
代码冗长：IIFE的语法相对较长，可能增加代码的复杂度。

五、IIFE在现代JavaScript中的应用

随着ES6模块化的引入，IIFE的使用频率有所下降，但在某些场景下依然有其独特的优势。例如，在需要立即执行的初始化代码、单例模式、库或插件封装等场景中，IIFE依然是一个有效的工具。

此外，现代JavaScript框架（如React、Vue等）普遍采用模块化设计，但IIFE的思想依然可以在这些框架中借鉴。例如，通过函数组件、闭包等实现模块化和封装。

六、结论

IIFE是一种强大的JavaScript设计模式，可以有效地避免全局变量污染、实现模块化代码设计、封装库或插件等。在现代JavaScript开发中，虽然ES6模块化的引入减少了IIFE的使用频率，但在某些特定场景下，IIFE依然具有不可替代的优势。通过合理使用IIFE，可以提高代码的可维护性和可读性，增强代码的模块化和封装性。

在项目团队管理中，可以使用研发项目管理系统PingCode和通用项目协作软件Worktile来提高团队协作效率，确保项目顺利进行。这些工具可以帮助团队成员更好地沟通、协作和管理任务，从而提高项目的整体效率和质量。