Javascript 嵌套JS名称空间

我试图在JS中使用某种名称空间

我想我可能会有这样的想法：

var OuterObject = {
    var InnerObject = {
    settings: {
        numArticles: 5,
        articleList: $("#article-list"),
        moreButton: $("#more-button")
    },

    init: function() {
        s = this.settings;
        this.bindUIActions();
    },

    bindUIActions: function() {
        s.moreButton.on("click", function() {
            NewsWidget.getMoreArticles(s.numArticles);
        });
    },

    getMoreArticles: function(numToGet) {
        // $.ajax or something
        // using numToGet as param
    }
    };
};

---

如何做到这一点？

就像嵌套对象一样：

var OuterObject = {
    InnerObject: {
        settings: { ... }
        init: function() { ... }
    }
}

---

就像嵌套对象一样：

var OuterObject = {
    InnerObject: {
        settings: { ... }
        init: function() { ... }
    }
}

---

关于名称空间和嵌套名称空间的两篇好文章

---

关于名称空间和嵌套名称空间的几篇好文章

---

虽然是一个老问题，但这是一篇有用的文章：虽然是一个老问题，但这是一篇有用的文章：