如何使用模板从另一个IIFE中访问一个IIFE中的变量？

Question

base.html文件中有一些逻辑。 我想简化其对应的js文件，并将一些功能放在一边。

是否有访问一个内部变量的方式IIFE （ main.js从另一个（） additional.js ）？

base.html

<body>
    <script src="main.js"></script>
    {% block extra_scripts %}
    {% endblock %}
</body>

main.js

(function(){
    var test = 123;
})();

extension.html

{% extends "base.html" %}
{% block extra_scripts %}
    <script src="additional.js"></script>   
{% endblock %}

Additional.js

(function(){
    alert(test);
})();

这个解决方案给了我不确定的东西。

Answer 1

如果将其转换为js模块，则可以执行此操作。

var mainModule = (function(){
    var test = 123;

    return {
       getTest: function() { return test;}
    }
})();

然后在Additional.js中

mainModule.getTest();

Answer 2

在函数内部定义的变量仅在该函数中具有作用域，而不能在外部访问。

您可以全局声明变量test

Answer 3

一种方法是在外部声明变量，并使它成为全局变量，以供其他函数访问。

var test;
(function(){
    test = 123;
})();

现在，当

(function(){
    alert(test);
})();

运行test在范围内，因此可以访问。 但是，需要维护订单，否则测试将是undefined ，因为尚未定义。

Answer 4

在函数级别范围内的变量不能在外部访问。 在外部定义变量或将其添加到window对象以进行访问。

main.js

(function(){
    window.test = 123;
})();

(function(){
    alert(test);
})();