javascript - 通过 HTML 调用嵌套的 JavaScript 函数(简单)

Question

我知道这是一个重复的主题，但这个主题不同，因为我使用了非常简单的示例。我有一个像这样的 JavaScript 函数:

(function myfunction($){
    function a(){
        alert("A section"); 
    }
    function b(){
        alert("B section")
    }
})();

我想创建一个 HTML 按钮来调用函数 A 和函数 B。我该怎么做？

Answer 1

通过在闭包外部声明名称使它们成为全局的，然后在闭包内分配它们。

var a, b;
(function myfunction($){
    a = function() {
        alert("A section"); 
    }
    b = function() {
        alert("B section")
    }
})();

您可以通过将它们包装在对象中来减少全局命名空间的污染:

var myfuns = (function myfunction($) {
                 return { a: function() {alert("A section");},
                          b: function() {alert("B section");}
                        };
              })();

然后调用myfuns.a和myfuns.b。