javascript - 如何在嵌套 IIFE 模块中引用父 JavaScript 函数？

Question

这个问题已经有答案了:

Javascript object literal, how to solve context? (3 个回答)

已关闭 9 年前。

采用下面的代码...在setTimeout中匿名函数，引用alert.hide()的正确方法是什么？方法？将整个调用写为 admin.alert.hide(); 是否正确？ ？或者有没有更好的方法引用admin无需直接调用它？

var admin = (function(jQuery, window, document, undefined) {
    return {
        loader : (function(admin) {
            var fade = 75;
            var loader = '#loader';
            return {
                show : function () {
                    jQuery(loader).stop().fadeIn(fade);
                },
                hide : function() {
                    jQuery(loader).stop().fadeOut(fade);
                }
            }
        })(),
        alert : (function() {
            var timeout;
            var fade = 500;
            var milliseconds = 1000;
            var alert = '#alert';
            return {
                timeout : timeout,
                show : function(message) {
                    jQuery(alert).find('p').text(message);
                    jQuery(alert).stop().fadeIn(fade);
                    clearTimeout(this.timeout);
                    this.timeout = setTimeout(function() {  }, milliseconds);
                },
                hide : function() {
                    jQuery(alert).stop().fadeOut(fade);
                }
            }
        })()
    }
})(jQuery, window, document);

Answer 1

您可以执行以下操作:

return 
{
    timeout : timeout,
    show : function(message) 
    {
        jQuery(alert).find('p').text(message);
        jQuery(alert).stop().fadeIn(fade);
        clearTimeout(this.timeout);
        this.timeout = setTimeout((function() { this.hide(); }).bind(this), milliseconds);
    },
    hide : function() 
    {
        jQuery(alert).stop().fadeOut(fade);
    }
}