将npm模块中的自调用函数导入到react/webpack应用程序中

// myModule.js
(function() {
    const privateVar = 'I am private';

    function privateFunc() {
        console.log(privateVar);
    }

    this.publicFunc = function() {
        privateFunc();
    };
}).call({});

module.exports = this;

// App.js
import React from 'react';
import myModule from 'myModule';

function App() {
    const handleClick = () => {
        myModule.publicFunc(); // 输出: I am private
    };

    return (
        <div>
            <h1>React App</h1>
            <button onClick={handleClick}>Click Me</button>
        </div>
    );
}

export default App;

// myModule.js
(function() {
    const privateVar = 'I am private';

    function privateFunc() {
        console.log(privateVar);
    }

    this.publicFunc = function() {
        privateFunc();
    };
}).call({});

module.exports = this.publicFunc;

// myModule.js
(function() {
    let privateVar = 'I am private';

    function privateFunc() {
        console.log(privateVar);
    }

    this.publicFunc = function() {
        privateFunc();
    };

    // 提供一个方法释放闭包中的引用
    this.release = function() {
        privateVar = null;
    };
}).call({});

module.exports = this;

import myModule from 'myModule';

myModule.publicFunc(); // 输出: I am private
myModule.release(); // 释放闭包中的引用