如何从另一个函数中调用函数的方法

Question

在下面的form 对象中，在“检查”函数中，如何调用通知函数的“显示”和“隐藏”方法？

(function (namespace, $, undefined) {
    var form = {
        check : function(){
            form.notification.show(); // Generates an error
        },

        notification : function(){
            this.show = function(){
                ...
            };
            this.hide = function(){
                ...
            };
        }
    };
}(window.namespace = window.namespace || {}, jQuery));

form.notification.show() 出现以下错误：

未捕获的类型错误：无法读取未定义的属性“显示”

Answer 1

尝试在form之外定义notification，然后引用它：

var notification : { // no function here
        show : function(){...}, // avoid "this"
        hide : function(){...}
};

var form = {
    check : function(){
        notification.show(); // <-- Use here
    },

    notification : notification // and here
};

（为了清楚起见，我省略了jQuery 保护代码）。

下一个问题是，当函数 notification() 执行时，您 this.show = 会将函数分配给 this 的任何内容。 this 不是 notification！

Answer 2

您已将其包含在内，因此您需要将其归还，这将为您公开，如果您在 chrome 控制台中执行以下操作，您将看到您可以访问表单对象

(function (namespace, $, undefined) {

var form = {

        check : function(){
            form.notification.show(); // Generates an error
        },

        notification : function(){
            this.show = function(){

            };
            this.hide = function(){

            };
        }


};
return{form:form};}(window.namespace = window.namespace || {}, jQuery));

我对你的代码所做的一切都被添加了

return{form:form};

在表单对象之后。希望这会有所帮助

编辑

如果您只想公开表单的某些部分，例如只显示通知，您可以像这样修改返回：

return{form.notification: notification}