试图更好地理解对象字面量模式

Question

在下面的myFeature 对象的init 函数中有$.extend(myFeature.config, config) 行。我的背景让我想知道为什么该行不是 $.extend(this.config,config)？ this 不会引用函数主体中的父对象吗？

如果不是这样，我想我会想使用显示模块模式，如果我理解得足够好的话，因为我可以这样做 var self = this; 并在整个过程中引用 self myFeature 的属性。我不明白在对象文字模式中 init 属性如何访问函数中的 myFeature 。似乎 myFeature 是全局范围的，任何人都可以随时访问它的所有属性和本身，我知道这是 javascript 的本质，我了解一点，但我认为揭示模块模式将为我提供私有/公共访问权限，这使得我晚上睡得更好。

var myFeature = {
    config : {
        wrapper : '#myFeature',
        container : 'div',
        urlBase : 'foo.php?item='
    },

    init : function(config) {
        $.extend(myFeature.config, config);
        $(myFeature.config.wrapper).find('li').
            each(function() {
                myFeature.getContent($(this));
            }).
            click(function() {
                myFeature.showContent($(this));
            });
    },

    buildUrl : function($li) {
        return myFeature.config.urlBase + $li.attr('id');
    },

    getContent : function($li) {
        $li.append(myFeature.config.container);
        var url = myFeature.buildUrl($li);
        $li.find(myFeature.config.container).load(url);
    },

    showContent : function($li) {
        $li.find('div').show();
        myFeature.hideContent($li.siblings());
    },

    hideContent : function($elements) {
        $elements.find('div').hide();
    }
};

$(document).ready(function() { myFeature.init(); });

Answer 1

我想知道为什么$.extend(myFeature.config, config) 不是$.extend(this.config,config)？ this 不会引用函数体中的父对象吗？

是的，因为您使用myFeature.init() 调用它，它会起作用 - 请参阅how this works。但是，您可以为安全而奋斗 - 通过明确引用 myFeature 它也允许

$(document).ready(myFeature.init);

我不明白在对象字面量模式中，init 属性如何访问函数中的 myFeature。似乎 myFeature 是全局范围的，任何人都可以随时访问它的所有属性和自身。

是的。 myFeature 变量在全局范围内，甚至可以被完全不同的对象覆盖。显示模块模式将有一个局部范围的 self 变量，无法对其进行操作。

我认为显示模块模式会给我私人/公共访问权限，让我晚上睡得更好

是的。如果你更喜欢它，你应该实现它:-)